diff --git a/src/assets/scss/_globals.scss b/src/assets/scss/_globals.scss deleted file mode 100644 index 3b39593..0000000 --- a/src/assets/scss/_globals.scss +++ /dev/null @@ -1,39 +0,0 @@ -$font: 'Montserrat', sans-serif; - -$colors: ( - // Name Color ?Hover? - dark-blue: 'dark-blue' #002d3a, - light-blue: 'light-blue' #bfdbd9, - white1: 'white1' #fff, - black1: 'black1' #000, - grey1: 'grey1' #d4d0c7, - grey2: 'grey2' #efece4, - orange1: 'orange1' #d57a2d, - orange2: 'orange2' #dd934e, - blue1: 'blue1' #57b2df, - light-turquoise: 'light-turquoise' #beddeb, - green1: 'green1' #c0dcd9, - sand: 'sand' #fdf9d7 -); - -@function color($label) { - $color: map-get($colors, $label); - - @if $color { - @return nth($color, 2); - } - - @warn 'No specified color for '#{$label}'; add your own to _colors.scss'; - @return null; -} - -@function hover($label) { - $color: map-get($colors, $label); - - @if $color { - @return nth($color, 2); - } - - @warn 'No specified hover color for '#{$label}'; add your own to _colors.scss'; - @return lighten($color, 20%); -} diff --git a/src/index.scss b/src/index.scss index 19c866a..333d1a8 100644 --- a/src/index.scss +++ b/src/index.scss @@ -1,9 +1,36 @@ @import "./assets/scss/normalize"; -@import "./assets/scss/globals"; +$font: 'Montserrat', sans-serif; $base-font: 12pt; // 16px $base-line-height: 1.5; +$colors: ( + // Name Color ?Hover? + dark-blue: 'dark-blue' #002d3a, + light-blue: 'light-blue' #bfdbd9, + white1: 'white1' #fff, + black1: 'black1' #000, + grey1: 'grey1' #d4d0c7, + grey2: 'grey2' #efece4, + orange1: 'orange1' #d57a2d, + orange2: 'orange2' #dd934e, + blue1: 'blue1' #57b2df, + light-turquoise: 'light-turquoise' #beddeb, + green1: 'green1' #c0dcd9, + sand: 'sand' #fdf9d7 +); + +@function color($label) { + $color: map-get($colors, $label); + + @if $color { + @return nth($color, 2); + } + + @warn 'No specified color for '#{$label}'; add your own to _colors.scss'; + @return null; +} + * { box-sizing: border-box; }