ac3d0811bdabad60759ebce2335f63b2c807dfab
[wolnelektury.git] / src / wolnelektury / static / 2022 / styles / utils / _vars.scss
1 /* ------------------------------
2     Util: Vars
3 ------------------------------ */
4
5 /* Env */
6 $production: false;
7
8 $images-path: "/images" !default;
9
10 @if $production == true {
11   $images-path: "/images";
12 } @else {
13   $images-path: "../images";
14 }
15
16 /* Colors */
17 $color-lighter-primary: #E1F1F2;
18 $color-primary:                 #018189;
19 $color-dark-primary:    #21535F;
20 $color-darker-primary:  #083F4D;
21 $color-secondary:               #92BD39;
22
23 $color-white:         #ffffff;
24 $color-black:         #000000;
25 $color-darker:        #0e0f0f;
26 $color-dark:          #474747;
27 $color-gray:          #666666;
28 $color-light-gray:    #D9D9D9;
29
30 $color-light-blue:    #E5F4FF;
31 $color-yellow:        #FBC40F;
32
33
34 $color-action:        #3498db;
35 $color-error:         #e33147;
36 $color-success:       #2ecc71;
37
38 /* Typography */
39 $base-font-size: 16px;
40 $base-font: 'Source Sans Pro', sans-serif;
41 $secondary-font: 'Source Sans Pro', sans-serif;
42 $font-path: "../fonts" !default;
43
44 $light:    300;
45 $regular:  400;
46 $medium:   500;
47 $semibold: 600;
48 $bold:     700;
49
50 /* Layers */
51 $master-layer:  15;
52 $top-layer:     10;
53 $middle-layer:  5;
54 $default-layer: 0;
55 $bottom-layer: -5;
56
57 /* Animations */
58 $ease:         cubic-bezier(.4, 0, .2, 1);
59 $ease-in:      cubic-bezier(.4, 0, 1, 1);
60 $ease-out:     cubic-bezier(.0, 0, .2, 1);
61 $ease-dynamic: cubic-bezier(0.25, 1, 0.5, 1);
62 $duration: 250ms;
63
64
65
66
67