Merge pull request #22 from Brightspace/embed-sass

embedding sass from old bower dependencies

bower.json

@@ -14,7 +14,6 @@
     "package.json"
   ],
   "dependencies": {
-    "vui-colors": "^0.2.0",
-    "vui-typography": "^2.0.0"
+    "d2l-colors": "~2.0.0"
   }
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vui-table",
-  "version": "0.0.11",
+  "version": "0.1.0",
   "description": "Mixins and CSS for applying table styles",
   "scripts": {
     "autoprefix": "postcss -c postcss.config.json && postcss -c ./test/postcss.config.json",

screenshots/screenshots.scss

@@ -1,10 +1,18 @@
-@import '../bower_components/vui-typography/typography.scss';
+@import url(https://s.brightspace.com/lib/fonts/0.3.0/fonts.css);
+
+html {
+	font-size: 20px;
+}
+body {
+	font-family: 'Lato', sans-serif;
+	line-height: 1.5;
+	margin: 1rem;
+}
 
 :root {
 	font-size: 20px;
 }
 
 .screenshots {
-	@include vui-typography;
 	display: inline-block;
 }

table-icons.scss

@@ -1,2 +1,2 @@
-$vui-table-sort-asc: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.002%2012h8c.89%200%201.337-1.077.707-1.707l-4-4a1%201%200%200%200-1.415%200l-4%204c-.63.63-.184%201.707.707%201.707z%22%20fill%3D%22%2372777a%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
-$vui-table-sort-desc: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.002%206h8c.89%200%201.337%201.077.707%201.707l-4%204a1%201%200%200%201-1.415%200l-4-4C3.665%207.077%204.11%206%205.002%206z%22%20fill%3D%22%2372777A%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
+$vui-table-sort-asc: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.002%2012h8c.89%200%201.337-1.077.707-1.707l-4-4a1%201%200%200%200-1.414%200l-4%204c-.63.63-.184%201.707.707%201.707z%22%20fill%3D%22%2372777a%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
+$vui-table-sort-desc: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.002%206h8c.89%200%201.337%201.077.707%201.707l-4%204a1%201%200%200%201-1.414%200l-4-4C3.665%207.077%204.11%206%205.002%206z%22%20fill%3D%22%2372777A%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");

table.scss

@@ -1,19 +1,18 @@
-@import 'bower_components/vui-colors/colors.scss';
-@import 'bower_components/vui-typography/small-text.scss';
+@import 'bower_components/d2l-colors/d2l-colors.scss';
 @import 'table-icons.scss';
 
-$vui-table-border-color: $vui-color-titanius;
+$vui-table-border-color: $d2l-color-titanius;
 $vui-table-border: 1px solid $vui-table-border-color;
 $vui-table-border-radius: 0.3rem;
 
-$vui-table-header-background-color: $vui-color-regolith;
+$vui-table-header-background-color: $d2l-color-regolith;
 $vui-table-body-background-color: #ffffff;
 
-$vui-table-row-background-color-active: $vui-color-celestine-light-1;
-$vui-table-row-border-color-active-selected: $vui-color-celestine-light-2;
+$vui-table-row-background-color-active: $d2l-color-celestine-light-1;
+$vui-table-row-border-color-active-selected: $d2l-color-celestine-light-2;
 $vui-table-row-background-color-active-selected: #EBF5FC;
-$vui-table-row-border-color-selected: $vui-color-celestine-light-2;
-$vui-table-row-background-color-selected: $vui-color-celestine-light-1;
+$vui-table-row-border-color-selected: $d2l-color-celestine-light-2;
+$vui-table-row-background-color-selected: $d2l-color-celestine-light-1;
 
 @mixin vui-table() {
 	background-color: transparent;
@@ -138,7 +137,13 @@ $vui-table-row-background-color-selected: $vui-color-celestine-light-1;
 
 @mixin vui-table-header-cell() {
 	@include vui-table-cell();
-	@include vui-typography-small-text();
+	color: $d2l-color-ferrite;
+	font-family: inherit;
+	font-size: 0.7rem;
+	font-weight: 400;
+	line-height: 1rem;
+	letter-spacing: 0.02rem;
+	margin: 1rem 0 1rem 0;
 	background-color: $vui-table-header-background-color;
 }
 
@@ -250,4 +255,4 @@ $vui-table-row-background-color-selected: $vui-color-celestine-light-1;
 	& + tr > th {
 		border-top-color: $border-color !important;
 	}
-}
+}