📦 EqualifyEverything / equalify

📄 variables.module.scss · 45 lines
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45$white: #fff;
$black: #334155;
$black-translucent: #334155ad;
$paper: #eff0eb;
$paper-dark: #ddded8;
$gray: #e0dcd0;
$yellow: #fed95a;
$red-light: #fae7e6;
$red: #c72d25;
$red-dark: #651410;
$green: #168a36;
$green-dark: #128131;
$green-darker: #106427;
$green-light: #c3fed4;

$spacing: 8px;
$max-width: 1080px;

$shadow-small: 0px 1px 1px 0px $black-translucent, 0px 1px 3px 0px $black-translucent;
$shadow-inset: inset 0px 1px 0px 0px #1f23280a;

:export {
  white: $white;
  black: $black;
  black_translucent: $black-translucent;
  paper:$paper;
  paper_dark: $paper-dark;
  gray: $gray;
  yellow:$yellow;
  red_light: $red-light;
  red: $red;
  red_dark: $red-dark;
  green: $green;
  green_dark: $green-dark;
  green_darker: $green_darker;
  green_light: $green-light;

  spacing: $spacing;
  max_width: $max-width;

  shadow_small: $shadow-small;
  shadow-inset: $shadow-inset;

}