added some flex helpers, added new folder for typography

nikoloza · nikoloza · commit 1e91f2e2054b · 2016-11-27T10:16:51.000+04:00
diff --git a/lib/flex.css b/lib/flex.css
@@ -3,11 +3,11 @@
     justify-content: center;
     align-items: center;
 
-    &-vertical {
+    &-y {
       align-items: center;
     }
 
-    &-hotizontal {
+    &-x {
       justify-content: center;
     }
   }
diff --git a/lib/headings.css b/lib/headings.css
diff --git a/lib/index.css b/lib/index.css
@@ -4,6 +4,9 @@
 /* helper imports */
 @import './align.css';
 @import './flex.css';
-@import './headings.css';
 
+/* typography helpers */
+@import './typography/index.css';
+
+/* color helpers */
 @import './colors/index.css';
diff --git a/lib/typography/headings.css b/lib/typography/headings.css
@@ -0,0 +1,10 @@
+.size-h1 { font-size: var(--h1) }
+.size-h2 { font-size: var(--h2) }
+.size-h3 { font-size: var(--h3) }
+.size-h4 { font-size: var(--h4) }
+.size-h5 { font-size: var(--h5) }
+.size-h6 { font-size: var(--h6) }
+.size-h7 { font-size: var(--h7) }
+.size-h8 { font-size: var(--h8) }
+.size-h9 { font-size: var(--h9) }
+.size-h10 { font-size: var(--h10) }
diff --git a/lib/typography/index.css b/lib/typography/index.css
@@ -0,0 +1,2 @@
+@import './headings.css';
+@import './styles.css';
diff --git a/lib/typography/styles.css b/lib/typography/styles.css
@@ -0,0 +1,10 @@
+/* transform */
+.font-uppercase { text-transform: uppercase }
+
+/* weight */
+.font-slim { font-weight: var(--font-slim) }
+.font-light { font-weight: var(--font-light) }
+.font-regular { font-weight: var(--font-regular) }
+.font-semibold { font-weight: var(--font-semibold) }
+.font-bold { font-weight: var(--font-bold) }
+.font-extrabold { font-weight: var(--font-extrabold) }

Original file line number	Diff line number	Diff line change
`@@ -3,11 +3,11 @@`
`3`	`3`	`justify-content: center;`
`4`	`4`	`align-items: center;`
`5`	`5`
`6`		`- &-vertical {`
	`6`	`+ &-y {`
`7`	`7`	`align-items: center;`
`8`	`8`	`}`
`9`	`9`
`10`		`- &-hotizontal {`
	`10`	`+ &-x {`
`11`	`11`	`justify-content: center;`
`12`	`12`	`}`
`13`	`13`	`}`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+@import './headings.css';`
	`2`	`+@import './styles.css';`