X-Git-Url: https://iankelling.org/git/?p=iankelling.org;a=blobdiff_plain;f=css%2Fmain.scss;h=e79d352b17402ee1c2a3a8ab3e7b546d84f87e04;hp=c8782244dce4d7ce26395af972b6695bd22fe3db;hb=56cff87ea0949598b121518b7887cca1f99c619d;hpb=f32a9440b9055001ef3749999eaf3b4d7974932c

diff --git a/css/main.scss b/css/main.scss
index c878224..e79d352 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -1,6 +1,8 @@
 // https://github.com/necolas/normalize.css
 @import "normalize";
 @import "common";
+@import "subscribe-char";
+@import "code-highlight";
 
 .cc-by-sa {
   // It sits too high by default.
@@ -12,7 +14,7 @@
   margin: 50px 0;
 }
 
-div.comment {
+.comment {
   // whitespace doesn't cut it to differentiate multiple comments,
   // so use a line
   border-top-color: $comment-br-color;
@@ -52,26 +54,29 @@ input {
 }
 
 // if this is filled out, we can assume it's spam. common tactic.
-input.misc {
+.misc-comment-input {
   display: none;
 }
 
-
 textarea {
   // make the comment box be full width
   width: 100%;
 }
 
-
 ul {
   // i dun like the default bullet points
   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;
 }
 
@@ -80,16 +85,10 @@ body {
   line-height: 1.5; // default is too scrunched
 }
 
-// alternative to a <br>. whatever.
-// https://stackoverflow.com/questions/7363766/how-to-insert-a-line-break-before-an-element-using-css
-.comment-date::before {
-  content: "\A";
-}
-
 .comment-date {
   color: $comment-date-color;
   font-size: 15px;
-  white-space: pre;
+  margin-top: 0;
 }
 
 .post-date {
@@ -182,5 +181,3 @@ a:visited {
   color: $link-visited-color;
 }
 
-@import "subscribe-char";
-@import "code-highlight";