-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpalette.scss
More file actions
50 lines (45 loc) · 1.89 KB
/
Copy pathpalette.scss
File metadata and controls
50 lines (45 loc) · 1.89 KB
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
/* CSS HEX */
--sandwisp: #f8e9a1;
--sunglo: #f76c6c;
--regent-st-blue: #a8d0e6;
--biscay: #24305e;
--white: #ffffff;
--shark: #222222;
/* CSS HSL */
--sandwisp: hsla(49.69999999999999, 86.1%, 80.2%, 1);
--sunglo: hsla(0, 89.7%, 69.6%, 1);
--regent-st-blue: hsla(201.29999999999995, 55.4%, 78%, 1);
--biscay: hsla(227.60000000000002, 44.6%, 25.5%, 1);
--white: hsla(0, 0%, 100%, 1);
--shark: hsla(0, 0%, 13.3%, 1);
/* SCSS HEX */
$sandwisp: #f8e9a1;
$sunglo: #f76c6c;
$regent-st-blue: #a8d0e6;
$biscay: #24305e;
$white: #ffffff;
$shark: #222222;
/* SCSS HSL */
$sandwisp: hsla(49.69999999999999, 86.1%, 80.2%, 1);
$sunglo: hsla(0, 89.7%, 69.6%, 1);
$regent-st-blue: hsla(201.29999999999995, 55.4%, 78%, 1);
$biscay: hsla(227.60000000000002, 44.6%, 25.5%, 1);
$white: hsla(0, 0%, 100%, 1);
$shark: hsla(0, 0%, 13.3%, 1);
/* SCSS RGB */
$sandwisp: rgba(248, 233, 161, 1);
$sunglo: rgba(247, 108, 108, 1);
$regent-st-blue: rgba(168, 208, 230, 1);
$biscay: rgba(36, 48, 94, 1);
$white: rgba(255, 255, 255, 1);
$shark: rgba(34, 34, 34, 1);
/* SCSS Gradient */
$gradient-top: linear-gradient(0deg, #f8e9a1, #f76c6c, #a8d0e6, #24305e, #ffffff, #222222);
$gradient-right: linear-gradient(90deg, #f8e9a1, #f76c6c, #a8d0e6, #24305e, #ffffff, #222222);
$gradient-bottom: linear-gradient(180deg, #f8e9a1, #f76c6c, #a8d0e6, #24305e, #ffffff, #222222);
$gradient-left: linear-gradient(270deg, #f8e9a1, #f76c6c, #a8d0e6, #24305e, #ffffff, #222222);
$gradient-top-right: linear-gradient(45deg, #f8e9a1, #f76c6c, #a8d0e6, #24305e, #ffffff, #222222);
$gradient-bottom-right: linear-gradient(135deg, #f8e9a1, #f76c6c, #a8d0e6, #24305e, #ffffff, #222222);
$gradient-top-left: linear-gradient(225deg, #f8e9a1, #f76c6c, #a8d0e6, #24305e, #ffffff, #222222);
$gradient-bottom-left: linear-gradient(315deg, #f8e9a1, #f76c6c, #a8d0e6, #24305e, #ffffff, #222222);
$gradient-radial: radial-gradient(#f8e9a1, #f76c6c, #a8d0e6, #24305e, #ffffff, #222222);