-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnoclocks-palette.scss
67 lines (61 loc) · 2.74 KB
/
noclocks-palette.scss
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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
/* No Clocks - Colors - https://coolors.co/222831-353535-393e46-284b63-3c6e71-cee6cd-c3f3c0-d9d9d9-ffffff */
/* CSS HEX */
--gunmetal: #222831ff;
--jet: #353535ff;
--onyx: #393e46ff;
--indigo-dye: #284b63ff;
--caribbean-current: #3c6e71ff;
--nyanza: #cee6cdff;
--tea-green: #c3f3c0ff;
--platinum: #d9d9d9ff;
--white: #ffffffff;
/* CSS HSL */
--gunmetal: hsla(216, 18%, 16%, 1);
--jet: hsla(0, 0%, 21%, 1);
--onyx: hsla(217, 10%, 25%, 1);
--indigo-dye: hsla(204, 42%, 27%, 1);
--caribbean-current: hsla(183, 31%, 34%, 1);
--nyanza: hsla(118, 33%, 85%, 1);
--tea-green: hsla(116, 68%, 85%, 1);
--platinum: hsla(0, 0%, 85%, 1);
--white: hsla(0, 0%, 100%, 1);
/* SCSS HEX */
$gunmetal: #222831ff;
$jet: #353535ff;
$onyx: #393e46ff;
$indigo-dye: #284b63ff;
$caribbean-current: #3c6e71ff;
$nyanza: #cee6cdff;
$tea-green: #c3f3c0ff;
$platinum: #d9d9d9ff;
$white: #ffffffff;
/* SCSS HSL */
$gunmetal: hsla(216, 18%, 16%, 1);
$jet: hsla(0, 0%, 21%, 1);
$onyx: hsla(217, 10%, 25%, 1);
$indigo-dye: hsla(204, 42%, 27%, 1);
$caribbean-current: hsla(183, 31%, 34%, 1);
$nyanza: hsla(118, 33%, 85%, 1);
$tea-green: hsla(116, 68%, 85%, 1);
$platinum: hsla(0, 0%, 85%, 1);
$white: hsla(0, 0%, 100%, 1);
/* SCSS RGB */
$gunmetal: rgba(34, 40, 49, 1);
$jet: rgba(53, 53, 53, 1);
$onyx: rgba(57, 62, 70, 1);
$indigo-dye: rgba(40, 75, 99, 1);
$caribbean-current: rgba(60, 110, 113, 1);
$nyanza: rgba(206, 230, 205, 1);
$tea-green: rgba(195, 243, 192, 1);
$platinum: rgba(217, 217, 217, 1);
$white: rgba(255, 255, 255, 1);
/* SCSS Gradient */
$gradient-top: linear-gradient(0deg, #222831ff, #353535ff, #393e46ff, #284b63ff, #3c6e71ff, #cee6cdff, #c3f3c0ff, #d9d9d9ff, #ffffffff);
$gradient-right: linear-gradient(90deg, #222831ff, #353535ff, #393e46ff, #284b63ff, #3c6e71ff, #cee6cdff, #c3f3c0ff, #d9d9d9ff, #ffffffff);
$gradient-bottom: linear-gradient(180deg, #222831ff, #353535ff, #393e46ff, #284b63ff, #3c6e71ff, #cee6cdff, #c3f3c0ff, #d9d9d9ff, #ffffffff);
$gradient-left: linear-gradient(270deg, #222831ff, #353535ff, #393e46ff, #284b63ff, #3c6e71ff, #cee6cdff, #c3f3c0ff, #d9d9d9ff, #ffffffff);
$gradient-top-right: linear-gradient(45deg, #222831ff, #353535ff, #393e46ff, #284b63ff, #3c6e71ff, #cee6cdff, #c3f3c0ff, #d9d9d9ff, #ffffffff);
$gradient-bottom-right: linear-gradient(135deg, #222831ff, #353535ff, #393e46ff, #284b63ff, #3c6e71ff, #cee6cdff, #c3f3c0ff, #d9d9d9ff, #ffffffff);
$gradient-top-left: linear-gradient(225deg, #222831ff, #353535ff, #393e46ff, #284b63ff, #3c6e71ff, #cee6cdff, #c3f3c0ff, #d9d9d9ff, #ffffffff);
$gradient-bottom-left: linear-gradient(315deg, #222831ff, #353535ff, #393e46ff, #284b63ff, #3c6e71ff, #cee6cdff, #c3f3c0ff, #d9d9d9ff, #ffffffff);
$gradient-radial: radial-gradient(#222831ff, #353535ff, #393e46ff, #284b63ff, #3c6e71ff, #cee6cdff, #c3f3c0ff, #d9d9d9ff, #ffffffff);