71 lines
2.4 KiB
SCSS
71 lines
2.4 KiB
SCSS
//brand colors
|
|
$nexi-white: #f8fafb; // Made up
|
|
$nexi-lighter-black: #353535; // Made up
|
|
$nexi-black: #181818;
|
|
$nexi-lighter-red: #9d7c7b; // Made up
|
|
$nexi-red: #EB312E;
|
|
$nexi-darker-red: #EB302D; // Made up
|
|
$nexi-grey: #E4E4E4;
|
|
$nexi-darker-grey: #D2D2D2;
|
|
$nexi-green: #36EA7B;
|
|
$nexi-cyan: #36E9EA;
|
|
$nexi-purple: #A625EA;
|
|
$nexi-orange: #F17C25;
|
|
$nexi-darker-orange: #F44336;
|
|
$nexi-yellow: #FFC107;
|
|
|
|
$custom-colors:
|
|
(
|
|
"nexi-white": ($nexi-white, findColorInvert($nexi-white)),
|
|
"nexi-lighter-black": ($nexi-lighter-black, findColorInvert($nexi-lighter-black)),
|
|
"nexi-black": ($nexi-black, findColorInvert($nexi-black)),
|
|
"nexi-lighter-red": ($nexi-lighter-red, findColorInvert($nexi-lighter-red)),
|
|
"nexi-red": ($nexi-red, findColorInvert($nexi-red)),
|
|
"nexi-darker-red": ($nexi-darker-red, findColorInvert($nexi-darker-red)),
|
|
"nexi-grey": ($nexi-grey, findColorInvert($nexi-grey)),
|
|
"nexi-darker-grey": ($nexi-darker-grey, findColorInvert($nexi-darker-grey)),
|
|
"nexi-green": ($nexi-green, findColorInvert($nexi-green)),
|
|
"nexi-cyan": ($nexi-cyan, findColorInvert($nexi-cyan)),
|
|
"nexi-purple": ($nexi-purple, findColorInvert($nexi-purple)),
|
|
"nexi-orange": ($nexi-orange, findColorInvert($nexi-orange)),
|
|
"nexi-darker-orange": ($nexi-darker-orange, findColorInvert($nexi-darker-orange)),
|
|
"nexi-yellow": ($nexi-yellow, findColorInvert($nexi-yellow)),
|
|
);
|
|
|
|
// Used for texts etc.
|
|
$grey: $nexi-lighter-black;
|
|
$grey-dark: $nexi-black;
|
|
|
|
// https://github.com/jgthms/bulma/blob/master/sass/utilities/initial-variables.sass
|
|
$orange: $nexi-orange;
|
|
$yellow: $nexi-yellow;
|
|
$green: $nexi-green;
|
|
//$turquoise: hsl(171, 100%, 41%) !default
|
|
$cyan: $nexi-cyan;
|
|
//$blue: hsl(229, 53%, 53%) !default
|
|
$purple: $nexi-purple;
|
|
$red: $nexi-red;
|
|
|
|
// https://github.com/jgthms/bulma/blob/master/sass/utilities/derived-variables.sass
|
|
$primary: $nexi-white;
|
|
|
|
//$info: $cyan;
|
|
//$success: $green;
|
|
//$warning: $yellow;
|
|
//$danger: $red;
|
|
|
|
$border: $nexi-darker-grey;
|
|
$border-hover: $nexi-darker-red;
|
|
$border-light: $nexi-lighter-red;
|
|
$border-light-hover: $nexi-grey;
|
|
|
|
$link: $nexi-red;
|
|
//$link-hover: $grey-darker !default
|
|
//$link-hover-border: $grey-light !default
|
|
|
|
//$link-focus: $grey-darker !default
|
|
$link-focus-border: $nexi-darker-red;
|
|
|
|
//$link-active: $grey-darker !default
|
|
//$link-active-border: $grey-dark !default
|