minor fix
[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 $wl-teal: #007880;
24 $wl-green: #92BD39;
25 $wl-red: #FF4C54;
26
27
28 $color-white:         #ffffff;
29 $color-black:         #000000;
30 $color-darker:        #0e0f0f;
31 $color-dark:          #474747;
32 $color-gray:          #666666;
33 $color-light-gray:    #D9D9D9;
34
35 $color-light-blue:    #E5F4FF;
36 $color-yellow:        #FBC40F;
37
38
39 $color-action:        #3498db;
40 $color-error:         #e33147;
41 $color-success:       #2ecc71;
42
43 /* Typography */
44 $base-font-size: 16px;
45 $base-font: 'Source Sans Pro', sans-serif;
46 $secondary-font: 'Source Sans Pro', sans-serif;
47 $font-path: "../fonts" !default;
48
49 $light:    300;
50 $regular:  400;
51 $medium:   500;
52 $semibold: 600;
53 $bold:     700;
54
55 /* Layers */
56 $master-layer:  15;
57 $top-layer:     10;
58 $middle-layer:  5;
59 $default-layer: 0;
60 $bottom-layer: -5;
61
62 /* Animations */
63 $ease:         cubic-bezier(.4, 0, .2, 1);
64 $ease-in:      cubic-bezier(.4, 0, 1, 1);
65 $ease-out:     cubic-bezier(.0, 0, .2, 1);
66 $ease-dynamic: cubic-bezier(0.25, 1, 0.5, 1);
67 $duration: 250ms;
68
69
70
71
72