X-Git-Url: https://git.draconx.ca/gitweb/homepage.git/blobdiff_plain/15534a5cb2aa7bf871f27d25c5d560168ab9d224..HEAD:/content/style.scss

diff --git a/content/style.scss b/content/style.scss
index 2708bb4..17aff0b 100644
--- a/content/style.scss
+++ b/content/style.scss
@@ -67,6 +67,8 @@ h1 { @include header_size(60em, 2em); }
 h2 { @include header_size(60em, 1.5em); }
 h5 { @include header_size(60em, 1em); }
 
+h1, h2 { abbr { text-decoration: none; } }
+
 @supports (display: grid) {
     .gallery {
         display: grid;
@@ -76,6 +78,16 @@ h5 { @include header_size(60em, 1em); }
 
         p.img { margin: 0.5em 0; }
     }
+
+    @media (max-width: 45em) {
+        .inline.gallery {
+            display: block;
+            p.img {
+                a { max-width: 24em; }
+                margin: 1em 0;
+            }
+        }
+    }
 }
 
 p.img {
@@ -94,12 +106,22 @@ p.img {
         border: solid 2px;
     }
 
+    a.left { margin: 0 1em 0.5em 0; float: left; clear: left; }
+    a.right { margin: 0 0 0.5em 1em; float: right; clear: right; }
+    a.left, a.right {
+        @media (max-width: 45em) { float: none; margin: 0; }
+
+        max-width: 24em;
+    }
+
     small {
         @include usecolours($color: foreground);
-        text-align: justify;
         @media (max-width: 24em) { text-align: left; }
         padding: 0.5ex;
         display: block;
+        display: -moz-inline-box;
+        display: inline-block;
+        text-align: justify;
         font-size: 0.9em;
     }
 }
@@ -137,10 +159,12 @@ kbd {
     font-family: monospace;
     font-size: 0.95em;
     &:before { content: "% "; }
+    &.ok:before { content: "ok "; }
     &>span { white-space: nowrap; }
 
     blockquote & {
         display: block;
+        & + br { display: none; }
         text-align: left;
         padding-left: 3em;
         text-indent: -3em;
@@ -160,6 +184,7 @@ kbd {
 table {
     @include usecolour(border-top, ruledefault, 1px solid);
     border-collapse: collapse;
+    clear: both;
     width: 100%;
 }
 
@@ -203,8 +228,8 @@ table.cc {
     }
 }
 
-// CSS rules for stortable clicky table headers: Update the display of
-// the /table based on the current state.  Each column has its own set
+// CSS rules for sortable clicky table headers: Update the display of
+// the table based on the current state.  Each column has its own set
 // nearly-identical rules, only the class names differ.
 //
 // The clickytables.xsl stylesheet generates two inputs for each column.