typography.css.scss in curate-0.4.2

- old
+ new

@@ -1,24 +1,19 @@
-@import "compass/css3/columns";
+@import 'global-variables';
 
 #banner {
-  font-family:$serifFontFamily;
-
   h1,h2,h3 {
     font-weight:normal;
   }
 
-  h1 {
-    margin:.65em 0;
-  }
-
   a {
     text-decoration:none;
   }
 }
 
 #brand-bar-wrapper {
+  font-family:$serifFontFamily;
   letter-spacing:.2em;
   padding:.15em 0;
   text-transform:uppercase;
 
   h2, h3 {
@@ -35,10 +30,17 @@
     padding:0 .2em;
     text-transform:none;
   }
 }
 
+#site-title h1 {
+  font-family:$serifFontFamily;
+  font-size:2.4em;
+  line-height:1.3em;
+  text-align:center;
+}
+
 #main,
 .modal-header {
   h1,h2,h3,h4,h5,h6 {
     font-family:$headerFontFamily;
     font-weight:normal;
@@ -119,12 +121,15 @@
     margin-right:.5em;
   }
 }
 
 .wide-text {
-  @include column-count(2);
-  @include column-width(30px);
-
+  -webkit-column-count:2;
+  -webkit-column-gap:2em;
+  -moz-column-count:2;
+  -moz-column-gap:2em;
+  column-count:2;
+  column-gap:2em;
   p {
-    @include column-break-inside(avoid);
+    column-break-inside:avoid;
   }
 }