bunch of updates

[iankelling.org] / css / main.scss

diff --git a/css/main.scss b/css/main.scss
index e79d352b17402ee1c2a3a8ab3e7b546d84f87e04..5e8876ac284004950eb97b35568c2d37ed6a3397 100644 (file)
--- a/css/main.scss
+++ b/css/main.scss
@@ -33,13 +33,9 @@
   padding-bottom: 30px;
   padding-top: 30px;
 
-  textarea {
-    background-color: $content-color; // go with theme, avoid bright white.
-  }
 
   input:hover,
-  textarea:active,
-  textarea:focus {
+  textarea {
     // color textarea when selected, and for submit button,
     // without 3d effect, we need a different color.
     background: $text-input-color;
@@ -71,7 +67,7 @@ ul {
 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;
+  margin-top: 10px;
 }
 
 .site-nav-list {
@@ -137,18 +133,35 @@ footer {
 
 .comment-section,
 .content,
+.prose,
 .page_header,
 footer {
   // auto does the centering magic
   margin-bottom: 0;
-  margin-left: auto;
   margin-right: auto;
   margin-top: 0;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.content,
+.prose,
+.page_header,
+footer {
+  // auto on left +right does the centering magic
+  margin-left: auto;
+}
+
+
+.comment-section,
+.content,
+.prose :not(.highlight),
+.page_header,
+footer {
   max-width: $main-column-max-width; // default too wide
-  padding-left: 30px;
-  padding-right: 30px;
 }
 
+
 code {
   background-color: $inline-code-background-color;
   // defaults are squished next to the borders of the color change
@@ -161,6 +174,11 @@ pre {
   font-size: 15px;
 }
 
+// for code, scroll right instead of overflowing the body
+.highlight {
+  overflow: auto;
+}
+
 pre {
   // defaults are squished next to the borders of the color change
   padding: 6px 8px;
@@ -180,4 +198,3 @@ a:hover {
 a:visited {
   color: $link-visited-color;
 }
-