Fix list styles

src/_data/dev.js

@@ -0,0 +1 @@
+module.exports = process.env.ELEVENTY_RUN_MODE !== 'build';

src/_includes/base.njk

@@ -8,8 +8,11 @@
 		{% if includePrism %}
 		<link rel="stylesheet" type="text/css" href="https://cdn.lewisdale.dev/assets/css/prism.css" />
 		{% endif %}
+		{% if dev %}
+		<link rel="stylesheet" type="text/css" href="/assets/css/styles.css" />
+		{% else %}
 		<link rel="stylesheet" type="text/css" href="https://cdn.lewisdale.dev/assets/css/styles.css" />
-
+		{% endif %}
 		<link rel="alternate" type="application/rss+xml" title="LewisDale.Dev" href="/feed/" />
 		<link rel="alternate" type="application/atom+xml" title="LewisDale.Dev Atom Feed" href="/feed/atom" />
 		<link rel="alternate" type="application/json" title="LewisDale.Dev JSON Feed" href="/feed/json" />
@@ -29,7 +32,7 @@
 			<a href="/" class="site-title">LD</a>
 
 			<nav>
-				<ul class="row">
+				<ul class="row" role='list'>
 					<li><a href="/">Home</a></li>
 					<li><a href="/now">Now</a></li>
 					<li><a href="/blog">Blog</a></li>

src/blog/index.html

@@ -8,7 +8,7 @@ pagination:
 <main class="wrapper-md stack-lg">
     <h1>Blog posts</h1>
 
-    <ol class="stack-xl">
+    <ol class="stack-xl" role='list'>
         {% for item in pagination.items %}
         <li class="stack-xs">
             <h2><a href="/post/{{ item.slug }}">{{ item.title.rendered | safe }}</a></h2>

src/css/exceptions/lists.css

@@ -1,8 +1,4 @@
 .fa-li {
     position: initial;
     display: inline-block;
-}
-
-.list {
-    list-style: initial;
 }

src/css/reset.css

@@ -22,9 +22,8 @@ dd {
 }
 
 /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
-ul,
-ol,
-[role='list'] {
+ul[role='list'],
+ol[role='list'] {
   list-style: none;
   padding: 0;
   margin: 0;

src/index.html

@@ -24,7 +24,7 @@ layout: base.njk
 	<section class="stack-md">
 		<h2>Recent Posts</h2>
 
-		<ul class="stack-2xs">
+		<ul class="stack-2xs" role='list'>
 		{% for post in posts | take(3) %}
 			<li><a href="/post/{{ post.slug }}">{{ post.title.rendered | safe }}</a> <time>{{ post.date | dateDisplay }}</time></li>
 		{% endfor %}