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