41 lines
1004 B
SCSS
41 lines
1004 B
SCSS
// Colors.
|
|
$color-fore : #222;
|
|
$color-back : #EFEFEF;
|
|
$color-primary : #2272D4;
|
|
$color-secondary : #D47222;
|
|
$color : (
|
|
light : (
|
|
fore : $color-fore,
|
|
back : $color-back,
|
|
primary : $color-primary,
|
|
secondary : $color-secondary,
|
|
input-back : mix($color-back, #FFF, 80%),
|
|
transparent : rgba(255, 255, 255, 0),
|
|
full : #FFF
|
|
),
|
|
dark : (
|
|
fore : $color-back,
|
|
back : $color-fore,
|
|
primary : mix($color-primary, $color-fore, 80%),
|
|
secondary : mix($color-secondary, $color-fore, 80%),
|
|
input-back : mix($color-fore, #000, 80%),
|
|
transparent : rgba(0, 0, 0, 0),
|
|
full : #000
|
|
),
|
|
grey : mix($color-fore, $color-back, 50%)
|
|
);
|
|
|
|
// Sizes.
|
|
$header-height : 4em;
|
|
$footer-height : 2em;
|
|
$border-radius : .3em;
|
|
|
|
// Fonts.
|
|
$font-normal : "Roboto", Arial;
|
|
$font-mono : "RobotoMono", monospace;
|
|
$font-icon : "FA6FS";
|
|
|
|
// Transitions.
|
|
$transition-in : .35s;
|
|
$transition-out : 1s;
|
|
$transition : .5s; |