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-primary:                   #018189;
  18 $color-secondary:               #96C13D;
  19
  20 $color-white:         #ffffff;
  21 $color-black:         #000000;
  22 $color-darker:        #0e0f0f;
  23 $color-dark:          #3E3E3E;
  24 $color-gray:          #666666;
  25 $color-light-gray:    #CCCCCC;
  26
  27 $color-light-blue:    #E5F4FF;
  28 $color-yellow:        #FBC40F;
  29
  30
  31 $color-action:        #3498db;
  32 $color-error:         #e33147;
  33 $color-success:       #2ecc71;
  34
  35 /* Typography */
  36 $base-font-size: 16px;
  37 $base-font: 'Source Sans Pro', sans-serif;
  38 $secondary-font: 'Source Sans Pro', sans-serif;
  39 $font-path: "../fonts" !default;
  40
  41 $light:    300;
  42 $regular:  400;
  43 $medium:   500;
  44 $semibold: 600;
  45 $bold:     700;
  46
  47 /* Layers */
  48 $master-layer:  15;
  49 $top-layer:     10;
  50 $middle-layer:  5;
  51 $default-layer: 0;
  52 $bottom-layer: -5;
  53
  54 /* Animations */
  55 $ease:         cubic-bezier(.4, 0, .2, 1);
  56 $ease-in:      cubic-bezier(.4, 0, 1, 1);
  57 $ease-out:     cubic-bezier(.0, 0, .2, 1);
  58 $ease-dynamic: cubic-bezier(0.25, 1, 0.5, 1);
  59 $duration: 250ms;
  60