Jan Tuomi
40 lines
1.0 KiB
SCSS
40 lines
1.0 KiB
SCSS
$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%);
|
|
}
|