Some bugfixes
[blog.git] / _scss / base.scss
index 81bae23..b98f4fc 100644 (file)
@@ -1,9 +1,8 @@
 // Define variables
-
-$font-family: 'Clear Sans', sans-serif;
-$font-family-mono: 'Lucida Sans Typewriter', 'Lucida Console', monaco, 'Bitstream Vera Sans Mono', monospace;
-$font-family-mono: 'Clear Sans', sans-serif;
-$font-family-header: cursive;
+  
+$font-family: 'Droid Sans', 'Lucida Bright', Georgia, 'Hoefler Text', 'Baskerville Old Face', Garamond, 'Times New Roman', serif;
+$font-family-mono: 'Droid Sans Mono', 'Lucida Console', 'Lucida Sans Typewriter', monaco, 'Bitstream Vera Sans Mono', monospace;
+$font-family-header: Yellowtail, 'Brush Script MT', cursive;
 $base-font-pct: 1.45*100%;
 $base-font-rel: 1rem;
 
@@ -18,6 +17,7 @@ $breakpoints: (
 // Colors definitions
 $base03:    rgb(  0,  43,  54);
 $base02:    rgb(  7,  54,  66);
+$base04:    rgb( 38,  66,  78);
 $base01:    rgb( 88, 110, 117);
 $base00:    rgb(101, 123, 131);
 $base0:     rgb(131, 148, 150);
@@ -73,7 +73,7 @@ blockquote, q {
 }
 
 table {
-    border {
+    border: {
         collapse: collapse;
     }
 }
@@ -100,24 +100,27 @@ body {
 
 a {
     text-decoration: none;
-    // border-bottom: 1px solid $base0;
     padding-bottom: 2px;
     color: $cyan;
-    border-color: $base02;;
+    border-color: $base02;
 
     &:active, &:visited {
         color: $cyan;
-        border-color: $base02;;
+        border-color: $base02;
         text-decoration: none;
-        // border-bottom: 1px solid $base0;
         padding-bottom: 2px;
     }
 
     &:hover {
-        background-color: $base02;;
-        border-color: $base02;;
+        background-color: $base02;
+        border-color: $base02;
         color: $cyan;
     }
+
+    &.year-link {
+        color: $yellow;
+        border-bottom: 1px solid $base01;
+    }
 }
 
 h1, h2, h3 {
@@ -132,10 +135,11 @@ h1 a {
     }
 
     &:hover {
-        background-color: $base02;;
-        border-color: $base02;;
+        background-color: $base02;
+        border-color: $base02;
         color: $red;
     }
+
 }
 
 p, pre {
@@ -156,6 +160,47 @@ ol, ul {
     }
 }
 
+table {
+    td {
+        &.postdate {
+            width: 15vw;
+        }
+        &.postlink {
+            width: 75vw;
+        }
+        &.categoryposts {
+            width: 10vw;
+            text-align: right;
+        }
+        &.yearcell {
+            color: $yellow;
+            text-align: center;
+        }
+        &.gutter.gl {
+            vertical-align: top;
+        }
+        &.code {
+            float: right;
+        }
+    }
+
+    tr {
+        &.even {
+            background-color: $base04;
+        }
+        &.yearline {
+            font: {
+                size: 15px;
+                size: 1.8em;
+            }
+            margin: 0 0 10px 0;
+        }
+    }
+    thead {
+        text-align: right;
+    }
+}
+
 em, i {
     font-style: italic;
 }
@@ -200,13 +245,13 @@ acronym, abbr {
     border-bottom: 1px dashed;
 }
 
-@each $hlev, $fspx, $fsrel in (h1, 17, 4.0),
-(h2, 15, 3.0),
-(h3, 15, 2.0) {
+@each $hlev, $fspx, $fsrel in (h1, 17, 2.7),
+(h2, 15, 1.8),
+(h3, 15, 1.4) {
     #{$hlev} {
         font: {
             size: #{$fspx}px;
-            size: #{$fsrel}vw;
+            size: #{$fsrel}em;
         }
         margin: 0 0 10px 0;
     }
@@ -341,8 +386,8 @@ acronym, abbr {
     width: 75vw;
     margin: 50px auto 20px auto;
     padding-top: 10px;
-    border-top: 1px solid $base02;;
-    border-color: $base02;;
+    border-top: 1px solid $base02;
+    border-color: $base02;
     @include media('all', '<tablet' ) {
         width: 100vw;
     }
@@ -393,7 +438,7 @@ acronym, abbr {
         border: none;
         &:hover {
             color: $cyan;
-            background-color: $base02;;
+            background-color: $base02;
         }
         padding: 2px 4px;
     }