Adjust css a bit more

[blog.git] / _scss / base.scss

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";
 ) !default;
 
 @import "_include-media";

+@import "_mixins";

 
 // Colors definitions
 $base03:    rgb(  0,  43,  54);
 
 // Colors definitions
 $base03:    rgb(  0,  43,  54);


@@ -130,26 +131,24 @@ h1, h2, h3 {
 
 a {
     text-decoration: none;
 
 a {
     text-decoration: none;

-    padding-bottom: 2px;
+    padding-bottom: 0.125em;

     color: $cyan;
     border-color: $base02;
 
     &:active, &:visited {
     color: $cyan;
     border-color: $base02;
 
     &:active, &:visited {

-        color: $cyan;

         border-color: $base02;
         text-decoration: none;
         border-color: $base02;
         text-decoration: none;

-        padding-bottom: 2px;
+        padding-bottom: 0.125em;

     }
 
     &:hover {
         background-color: $base02;
         border-color: $base02;
     }
 
     &:hover {
         background-color: $base02;
         border-color: $base02;

-        color: $cyan;

     }
 
     &.year-link {
         color: $yellow;
     }
 
     &.year-link {
         color: $yellow;

-        border-bottom: 1px solid $base01;
+        border-bottom: 0.0625em solid $base01;

     }
 
     h1 > & {
     }
 
     h1 > & {


@@ -172,13 +171,13 @@ p, pre {
 }
 
 ol, ul {
 }
 
 ol, ul {

-    padding: 0 0 18px 30px;
+    padding: 0 0 1.125em 1.875em;

     padding: 0 0 1.5vw 1.7vmax;
 
     li {
         margin: {
     padding: 0 0 1.5vw 1.7vmax;
 
     li {
         margin: {

-            top: 10px;
-            bottom: 10px;
+            top: 0.625em;
+            bottom: 0.625em;

             top: 1vw;
             bottom: 1vw;
         }
             top: 1vw;
             bottom: 1vw;
         }


@@ -215,10 +214,9 @@ table {
         }
         &.yearline {
             font: {
         }
         &.yearline {
             font: {

-                size: 15px;

                 size: 1.8em;
             }
                 size: 1.8em;
             }

-            margin: 0 0 10px 0;
+            margin: 0 0 0.625em 0;

         }
     }
     thead {
         }
     }
     thead {


@@ -236,8 +234,7 @@ strong, b {
 
 small {
     font: {
 
 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 {
 }
 
 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;
     font: {
         size: 1.2 * $base-font-rel;
         size: 1.2vw;


@@ -266,8 +263,8 @@ blockquote {
 
 acronym, abbr {
     cursor: help;
 
 acronym, abbr {
     cursor: help;

-    letter-spacing: 1px;
-    border-bottom: 1px dashed;
+    letter-spacing: 0.0625em;
+    border-bottom: 0.0625em dashed;

 }
 
 /*** Structure ***/
 }
 
 /*** Structure ***/


@@ -391,8 +388,8 @@ acronym, abbr {
         overflow: auto;
 
         li {
         overflow: auto;
 
         li {

+            @include left;

             margin: 2px 0;
             margin: 2px 0;

-            float: left;

         }
         nav select.mnav {
             display: block;
         }
         nav select.mnav {
             display: block;


@@ -441,12 +438,12 @@ article {
 
 img {
     &.left {
 
 img {
     &.left {

-        float: left;
+        @include left;

         margin: 0 1em 1em 0;
     }
 
     &.right {
         margin: 0 1em 1em 0;
     }
 
     &.right {

-        float: right;
+        @include right;

         margin: 0 0 1em 1 * $base-font-rel;
     }
 
         margin: 0 0 1em 1 * $base-font-rel;
     }
 


@@ -461,15 +458,13 @@ img {
 /*** Pagination ***/
 
 .postnavigation {
 /*** Pagination ***/
 
 .postnavigation {

-    padding-top: 10px;

     text-align: center;
     text-align: center;

-    width: none;

 
     .left {
 
     .left {

-        float: left;
+        @include left;

     }
 
     .right {
     }
 
     .right {

-        float: right;
+        @include right;

     }
 }
     }
 }