better lists on mobile
authorIan Kelling <ian@iankelling.org>
Fri, 10 Mar 2017 13:23:48 +0000 (05:23 -0800)
committerIan Kelling <ian@iankelling.org>
Fri, 10 Mar 2017 13:23:48 +0000 (05:23 -0800)
css/main.scss

index 824ee505b596eed1bac691986051183ea6def3c8..e79d352b17402ee1c2a3a8ab3e7b546d84f87e04 100644 (file)
@@ -68,10 +68,15 @@ ul {
   list-style-type: none;
 }
 
+li {
+  // to compensate for no bullet points, we need extra space between list items
+  // in the case of small screens where they wrap.
+  margin-top: 12px;
+}
+
 .site-nav-list {
-  // for site index lists, bigger font, no indent, more space
+  // for site index lists, bigger font, no indent
   font-size: 22px;
-  line-height: 2;
   padding-left: 0;
 }