Adds namespace

2016-01-21 12:11:39 +01:00
parent e35f7ba3c2
commit bc8e8f6669
13 changed files with 4 additions and 4 deletions
@@ -0,0 +1,49 @@
+// Typography styles
+// ----------------------------------------------
+
+/* SG
+# Typography
+
+```
+<p class="Text Size-huge">Open Sans 26/34 Regular</p>
+<p class="Text Size-large">Open Sans 16/22 Regular</p>
+<p class="Text is-semibold Size-medium">Open Sans 12/16 Semibold</p>
+<p class="Text Size-medium">Open Sans 12/16 Semibold</p>
+<p class="Text is-semibold Size-small">Open Sans 10/14 Semibold</p>
+<p class="Text Size-small">Open Sans 10/14 Regular</p>
+```
+*/
+
+@import '../cdb-variables/sizes';
+
+.Text {
+  font-family: 'Open Sans';
+  $sFontWeight-normal: 400;
+
+  &.is-semibold {
+    font-weight: $sFontWeight-semibold;
+  }
+  &.is-light {
+    font-weight: $sFontWeight-lighter;
+  }
+}
+
+.Size-huge {
+  font-size: $sFontSize-huge;
+  line-height: $sLineHeight-huge;
+}
+
+.Size-large {
+  font-size: $sFontSize-large;
+  line-height: $sLineHeight-large;
+}
+
+.Size-medium {
+  font-size: $sFontSize-medium;
+  line-height: $sLineHeight-medium;
+}
+
+.Size-small {
+  font-size: $sFontSize-small;
+  line-height: $sLineHeight-small;
+}