-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstyle.css
92 lines (82 loc) · 3.32 KB
/
style.css
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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
html, body {
margin: 0;
padding: 0;
background-color: #e9d8a6ff;
}
.card {
background-color: #94D2BD;
border-width: 4px;
border-left-width: 1px;
border-top-width: 1px;
}
canvas {
display: block;
}
/* CSS HEX */
--rich-black-fogra-29: #001219ff;
--blue-sapphire: #005f73ff;
--viridian-green: #0a9396ff;
--middle-blue-green: #94d2bdff;
--medium-champagne: #e9d8a6ff;
--gamboge: #ee9b00ff;
--alloy-orange: #ca6702ff;
--rust: #bb3e03ff;
--rufous: #ae2012ff;
--ruby-red: #9b2226ff;
/* CSS HSL */
--rich-black-fogra-29: hsla(197, 100%, 5%, 1);
--blue-sapphire: hsla(190, 100%, 23%, 1);
--viridian-green: hsla(181, 88%, 31%, 1);
--middle-blue-green: hsla(160, 41%, 70%, 1);
--medium-champagne: hsla(45, 60%, 78%, 1);
--gamboge: hsla(39, 100%, 47%, 1);
--alloy-orange: hsla(30, 98%, 40%, 1);
--rust: hsla(19, 97%, 37%, 1);
--rufous: hsla(5, 81%, 38%, 1);
--ruby-red: hsla(358, 64%, 37%, 1);
/* SCSS HEX */
$rich-black-fogra-29: #001219ff;
$blue-sapphire: #005f73ff;
$viridian-green: #0a9396ff;
$middle-blue-green: #94d2bdff;
$medium-champagne: #e9d8a6ff;
$gamboge: #ee9b00ff;
$alloy-orange: #ca6702ff;
$rust: #bb3e03ff;
$rufous: #ae2012ff;
$ruby-red: #9b2226ff;
/* SCSS HSL */
$rich-black-fogra-29: hsla(197, 100%, 5%, 1);
$blue-sapphire: hsla(190, 100%, 23%, 1);
$viridian-green: hsla(181, 88%, 31%, 1);
$middle-blue-green: hsla(160, 41%, 70%, 1);
$medium-champagne: hsla(45, 60%, 78%, 1);
$gamboge: hsla(39, 100%, 47%, 1);
$alloy-orange: hsla(30, 98%, 40%, 1);
$rust: hsla(19, 97%, 37%, 1);
$rufous: hsla(5, 81%, 38%, 1);
$ruby-red: hsla(358, 64%, 37%, 1);
/* SCSS RGB */
$rich-black-fogra-29: rgba(0, 18, 25, 1);
$blue-sapphire: rgba(0, 95, 115, 1);
$viridian-green: rgba(10, 147, 150, 1);
$middle-blue-green: rgba(148, 210, 189, 1);
$medium-champagne: rgba(233, 216, 166, 1);
$gamboge: rgba(238, 155, 0, 1);
$alloy-orange: rgba(202, 103, 2, 1);
$rust: rgba(187, 62, 3, 1);
$rufous: rgba(174, 32, 18, 1);
$ruby-red: rgba(155, 34, 38, 1);
/* SCSS Gradient */
$gradient-top: linear-gradient(0deg, #001219ff, #005f73ff, #0a9396ff, #94d2bdff, #e9d8a6ff, #ee9b00ff, #ca6702ff, #bb3e03ff, #ae2012ff, #9b2226ff);
$gradient-right: linear-gradient(90deg, #001219ff, #005f73ff, #0a9396ff, #94d2bdff, #e9d8a6ff, #ee9b00ff, #ca6702ff, #bb3e03ff, #ae2012ff, #9b2226ff);
$gradient-bottom: linear-gradient(180deg, #001219ff, #005f73ff, #0a9396ff, #94d2bdff, #e9d8a6ff, #ee9b00ff, #ca6702ff, #bb3e03ff, #ae2012ff, #9b2226ff);
$gradient-left: linear-gradient(270deg, #001219ff, #005f73ff, #0a9396ff, #94d2bdff, #e9d8a6ff, #ee9b00ff, #ca6702ff, #bb3e03ff, #ae2012ff, #9b2226ff);
$gradient-top-right: linear-gradient(45deg, #001219ff, #005f73ff, #0a9396ff, #94d2bdff, #e9d8a6ff, #ee9b00ff, #ca6702ff, #bb3e03ff, #ae2012ff, #9b2226ff);
$gradient-bottom-right: linear-gradient(135deg, #001219ff, #005f73ff, #0a9396ff, #94d2bdff, #e9d8a6ff, #ee9b00ff, #ca6702ff, #bb3e03ff, #ae2012ff, #9b2226ff);
$gradient-top-left: linear-gradient(225deg, #001219ff, #005f73ff, #0a9396ff, #94d2bdff, #e9d8a6ff, #ee9b00ff, #ca6702ff, #bb3e03ff, #ae2012ff, #9b2226ff);
$gradient-bottom-left: linear-gradient(315deg, #001219ff, #005f73ff, #0a9396ff, #94d2bdff, #e9d8a6ff, #ee9b00ff, #ca6702ff, #bb3e03ff, #ae2012ff, #9b2226ff);
$gradient-radial: radial-gradient(#001219ff, #005f73ff, #0a9396ff, #94d2bdff, #e9d8a6ff, #ee9b00ff, #ca6702ff, #bb3e03ff, #ae2012ff, #9b2226ff);
beta {
color: $gray-400
}