41 lines
840 B
SCSS
41 lines
840 B
SCSS
$colors: (
|
|
primary: #6777ef,
|
|
secondary: #cdd3d8,
|
|
success: #63ed7a,
|
|
info: #3abaf4,
|
|
warning: #ffa426,
|
|
danger: #fc544b,
|
|
light: #e3eaef,
|
|
grey: #868e96,
|
|
whitesmoke: #f7f9f9,
|
|
dark: #191d21,
|
|
muted: #98a6ad,
|
|
body: #fafdfb,
|
|
font: #6c757d,
|
|
fontdark: #34395e,
|
|
white: #ffffff
|
|
);
|
|
|
|
$grid-breakpoints: (
|
|
xs: 0,
|
|
sm: 576px,
|
|
md: 768px,
|
|
lg: 992px,
|
|
xl: 1200px
|
|
) !default;
|
|
|
|
@function color($key) {
|
|
@return map-get($colors, $key);
|
|
}
|
|
|
|
@function color_lighten($key, $amount) {
|
|
@return lighten(map-get($colors, $key), $amount);
|
|
}
|
|
|
|
@function color_darken($key, $amount) {
|
|
@return darken(map-get($colors, $key), $amount);
|
|
}
|
|
|
|
@function to_opacity($color, $opacity) {
|
|
@return rgba(color($color), $opacity);
|
|
} |