move docs vars to new scss partial

diff --git a/docs/assets/scss/_variables.scss b/docs/assets/scss/_variables.scss
new file mode 100644 (file)
index 0000000..0ea8afd
--- /dev/null
+++ b/docs/assets/scss/_variables.scss
@@ -0,0 +1,10 @@
+// Local docs variables
+$bd-purple:         #563d7c;
+$bd-purple-bright:  lighten(saturate($bd-purple, 5%), 15%);
+$bd-purple-light:   #cdbfe3;
+$bd-graphite:       #2a2730;
+$bd-graphite-light: lighten($bd-graphite, 40%);
+$bd-yellow:         #ffe484;
+$bd-danger:         #d9534f;
+$bd-warning:        #f0ad4e;
+$bd-info:           #5bc0de;

diff --git a/docs/assets/scss/docs.scss b/docs/assets/scss/docs.scss
index 77626ef1eaed36d63945f772f56d371b96359997..78add9a7c65e7f067a2076fa04b0f44a51c07767 100644 (file)
--- a/docs/assets/scss/docs.scss
+++ b/docs/assets/scss/docs.scss
@@ -27,18 +27,8 @@
 @import "../../../scss/variables";
 @import "../../../scss/mixins";
 
-// Local docs variables
-$bd-purple:         #563d7c;
-$bd-purple-bright:  lighten(saturate($bd-purple, 5%), 15%);
-$bd-purple-light:   #cdbfe3;
-$bd-graphite:       #2a2730;
-$bd-graphite-light: lighten($bd-graphite, 40%);
-$bd-yellow:         #ffe484;
-$bd-danger:         #d9534f;
-$bd-warning:        #f0ad4e;
-$bd-info:           #5bc0de;
-
 // Load docs components
+@import "variables";
 @import "nav";
 @import "masthead";
 @import "featurettes";