Text transform added and boot seperated for use in Nuxt/ Vue

wearethreebears · Aug 7, 2020 · 6f0527f · 6f0527f
1 parent 60db4b8
commit 6f0527f
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 12 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,7 @@
+{
+    "workbench.colorCustomizations": {
+        "activityBar.background": "#113501",
+        "titleBar.activeBackground": "#174A02",
+        "titleBar.activeForeground": "#EFFFE8"
+    }
+}
diff --git a/boot.scss b/boot.scss
@@ -1,3 +1,5 @@
+@import '../../../honeycomb.config';
+
 /*----------------------------------------------------------
 |
 |      BOOT FUNCTIONS
@@ -28,4 +30,13 @@
   }
 
   @return $number;
-}
+}
+
+$container-max-width: map-deep-get($options, 'grid', 'container', 'max-width') ;
+$container-min-width: map-deep-get($options, 'grid', 'container', 'min-width') ;
+
+$gutter-max-size: map-deep-get($options, 'grid', 'gutter', 'max-width');
+$gutter-min-size: map-deep-get($options, 'grid', 'gutter', 'min-width');
+
+@import './functions';
+@import './mixins';
diff --git a/honeycomb.scss b/honeycomb.scss
@@ -1,15 +1,5 @@
-@import '../../../honeycomb.config';
 @import './boot';
 
-$container-max-width: map-deep-get($options, 'grid', 'container', 'max-width') ;
-$container-min-width: map-deep-get($options, 'grid', 'container', 'min-width') ;
-
-$gutter-max-size: map-deep-get($options, 'grid', 'gutter', 'max-width');
-$gutter-min-size: map-deep-get($options, 'grid', 'gutter', 'min-width');
-
-@import './functions';
-@import './mixins';
-
 
 
 /*----------------------------------------------------------

diff --git a/mixins.scss b/mixins.scss
@@ -110,9 +110,13 @@
     $font-min-size: map-deep-get($options, 'fonts', #{$name}, 'min-size');
     $font-max-line-height: map-deep-get($options, 'fonts', #{$name}, 'max-line-height');
     $font-min-line-height: map-deep-get($options, 'fonts', #{$name}, 'min-line-height');
+
 
     font-family: $font-family;
     font-weight: $font-weight;
     @include system-font($font-max-size, $font-min-size);
     @include system-line-height($font-max-line-height, $font-min-line-height);
+    @if type-of(map-deep-get($options, 'fonts', #{$name}, 'transform') == 'string') {
+        text-transform: map-deep-get($options, 'fonts', #{$name}, 'transform');
+    }
 }
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wearethreebears/honeycomb",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "A fully responsive, configurable scss framework. Layouts, gutters and fonts that respond to any screen size.",
   "main": "index.js",
   "scripts": {