Removed css var() to target IE 11

carlos-algms · carlos-algms · commit cd511efd3c2e · 2018-05-26T20:52:58.000-03:00
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -11,5 +11,7 @@
   ],
   "files.associations": {
     "*.stylelintrc": "json"
-  }
+  },
+  "files.trimFinalNewlines": true,
+  "files.trimTrailingWhitespace": true
 }
diff --git a/examples/index.html b/examples/index.html
@@ -10,10 +10,10 @@
 </head>
 <body class="fl-master-template">
 
-<header class="fl-text-center">
-  <div>
+<header class="fl-text-center fl-valign">
+  <h5>
     Header
-  </div>
+  </h5>
 </header>
 
 <main class="fl-text-center">
diff --git a/src/_typography.scss b/src/_typography.scss
@@ -1,5 +1,7 @@
+@import "./_variables";
+
 :root {
-  font-family: var(--font-family-sans-serif);
+  font-family: $font-family-sans-serif;
 }
 
 
@@ -10,7 +12,7 @@ i,
 ruby,
 kbd,
 rt {
-  font-family: var(--font-family-monospace);
+  font-family: $font-family-monospace;
 }
 
 
diff --git a/src/_variables.scss b/src/_variables.scss
@@ -1,30 +1,30 @@
-:root {
-  --blue: #007BFF;
-  --indigo: #6610F2;
-  --purple: #6F42C1;
-  --pink: #E83E8C;
-  --red: #DC3545;
-  --orange: #FD7E14;
-  --yellow: #FFC107;
-  --green: #28A745;
-  --teal: #20C997;
-  --cyan: #17A2B8;
-  --white: #FFF;
-  --gray: #6C757D;
-  --gray-dark: #343A40;
-  --primary: #007BFF;
-  --secondary: #6C757D;
-  --success: #28A745;
-  --info: #17A2B8;
-  --warning: #FFC107;
-  --danger: #DC3545;
-  --light: #F8F9FA;
-  --dark: #343A40;
-  --breakpoint-xs: 0;
-  --breakpoint-sm: 576px;
-  --breakpoint-md: 768px;
-  --breakpoint-lg: 992px;
-  --breakpoint-xl: 1200px;
-  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-}
+$blue: #007BFF;
+$indigo: #6610F2;
+$purple: #6F42C1;
+$pink: #E83E8C;
+$red: #DC3545;
+$orange: #FD7E14;
+$yellow: #FFC107;
+$green: #28A745;
+$teal: #20C997;
+$cyan: #17A2B8;
+$white: #FFF;
+$gray: #6C757D;
+$gray-dark: #343A40;
+$primary: #007BFF;
+$secondary: #6C757D;
+$success: #28A745;
+$info: #17A2B8;
+$warning: #FFC107;
+$danger: #DC3545;
+$light: #F8F9FA;
+$dark: #343A40;
+
+$breakpoint-xs: 0;
+$breakpoint-sm: 576px;
+$breakpoint-md: 768px;
+$breakpoint-lg: 992px;
+$breakpoint-xl: 1200px;
+
+$font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
diff --git a/src/main.scss b/src/main.scss
@@ -7,6 +7,37 @@
 @import "_master-template";
 @import "_typography";
 
+:root {
+  --blue: $blue;
+  --indigo: $indigo;
+  --purple: $purple;
+  --pink: $pink;
+  --red: $red;
+  --orange: $orange;
+  --yellow: $yellow;
+  --green: $green;
+  --teal: $teal;
+  --cyan: $cyan;
+  --white: $white;
+  --gray: $gray;
+  --gray-dark: $gray-dark;
+  --primary: $primary;
+  --secondary: $secondary;
+  --success: $success;
+  --info: $info;
+  --warning: $warning;
+  --danger: $danger;
+  --light: $light;
+  --dark: $dark;
+  --breakpoint-xs: $breakpoint-xs;
+  --breakpoint-sm: $breakpoint-sm;
+  --breakpoint-md: $breakpoint-md;
+  --breakpoint-lg: $breakpoint-lg;
+  --breakpoint-xl: $breakpoint-xl;
+  --font-family-sans-serif: $font-family-sans-serif;
+  --font-family-monospace: $font-family-monospace;
+}
+
 
 * {
   box-sizing: border-box;

Original file line number	Diff line number	Diff line change
`@@ -11,5 +11,7 @@`
`11`	`11`	`],`
`12`	`12`	`"files.associations": {`
`13`	`13`	`"*.stylelintrc": "json"`
`14`		`- }`
	`14`	`+ },`
	`15`	`+ "files.trimFinalNewlines": true,`
	`16`	`+ "files.trimTrailingWhitespace": true`
`15`	`17`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,7 @@`
	`1`	`+@import "./_variables";`
	`2`	`+`
`1`	`3`	`:root {`
`2`		`- font-family: var(--font-family-sans-serif);`
	`4`	`+ font-family: $font-family-sans-serif;`
`3`	`5`	`}`
`4`	`6`
`5`	`7`
`@@ -10,7 +12,7 @@ i,`
`10`	`12`	`ruby,`
`11`	`13`	`kbd,`
`12`	`14`	`rt {`
`13`		`- font-family: var(--font-family-monospace);`
	`15`	`+ font-family: $font-family-monospace;`
`14`	`16`	`}`
`15`	`17`
`16`	`18`