Adjust css a bit more

diff --git a/_scss/_mixins.scss b/_scss/_mixins.scss
new file mode 100644 (file)
index 0000000..2db9a30
--- /dev/null
+++ b/_scss/_mixins.scss
@@ -0,0 +1,7 @@
+@mixin left() {
+        float: left;
+}
+
+@mixin right() {
+        float: right;
+}

diff --git a/_scss/base.scss b/_scss/base.scss
index 4aa1e51..5a88070 100644 (file)
--- a/_scss/base.scss
+++ b/_scss/base.scss
@@ -30,6 +30,7 @@ $breakpoints: (
 ) !default;
 
 @import "_include-media";
+@import "_mixins";
 
 // Colors definitions
 $base03:    rgb(  0,  43,  54);
@@ -130,26 +131,24 @@ h1, h2, h3 {
 
 a {
     text-decoration: none;
-    padding-bottom: 2px;
+    padding-bottom: 0.125em;
     color: $cyan;
     border-color: $base02;
 
     &:active, &:visited {
-        color: $cyan;
         border-color: $base02;
         text-decoration: none;
-        padding-bottom: 2px;
+        padding-bottom: 0.125em;
     }
 
     &:hover {
         background-color: $base02;
         border-color: $base02;
-        color: $cyan;
     }
 
     &.year-link {
         color: $yellow;
-        border-bottom: 1px solid $base01;
+        border-bottom: 0.0625em solid $base01;
     }
 
     h1 > & {
@@ -172,13 +171,13 @@ p, pre {
 }
 
 ol, ul {
-    padding: 0 0 18px 30px;
+    padding: 0 0 1.125em 1.875em;
     padding: 0 0 1.5vw 1.7vmax;
 
     li {
         margin: {
-            top: 10px;
-            bottom: 10px;
+            top: 0.625em;
+            bottom: 0.625em;
             top: 1vw;
             bottom: 1vw;
         }
@@ -215,10 +214,9 @@ table {
         }
         &.yearline {
             font: {
-                size: 15px;
                 size: 1.8em;
             }
-            margin: 0 0 10px 0;
+            margin: 0 0 0.625em 0;
         }
     }
     thead {
@@ -236,8 +234,7 @@ strong, b {
 
 small {
     font: {
-        size: 0.85 * $base-font-rel;
-        size: $base-font-rel;
+        size: (0.85 * $base-font-rel)em;
     }
 }
 
@@ -252,9 +249,9 @@ sub {
 }
 
 blockquote {
-    margin: 22px 22px;
-    padding: 0 20px;
-    border-left: 2px solid $black;
+    margin: 1.375em 1.375em;
+    padding: 0 1.25em;
+    border-left: 0.125em solid $black;
     font: {
         size: 1.2 * $base-font-rel;
         size: 1.2vw;
@@ -266,8 +263,8 @@ blockquote {
 
 acronym, abbr {
     cursor: help;
-    letter-spacing: 1px;
-    border-bottom: 1px dashed;
+    letter-spacing: 0.0625em;
+    border-bottom: 0.0625em dashed;
 }
 
 /*** Structure ***/
@@ -391,8 +388,8 @@ acronym, abbr {
         overflow: auto;
 
         li {
+            @include left;
             margin: 2px 0;
-            float: left;
         }
         nav select.mnav {
             display: block;
@@ -441,12 +438,12 @@ article {
 
 img {
     &.left {
-        float: left;
+        @include left;
         margin: 0 1em 1em 0;
     }
 
     &.right {
-        float: right;
+        @include right;
         margin: 0 0 1em 1 * $base-font-rel;
     }
 
@@ -461,15 +458,13 @@ img {
 /*** Pagination ***/
 
 .postnavigation {
-    padding-top: 10px;
     text-align: center;
-    width: none;
 
     .left {
-        float: left;
+        @include left;
     }
 
     .right {
-        float: right;
+        @include right;
     }
 }