-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathgreen around.css
More file actions
169 lines (166 loc) Β· 6 KB
/
Copy pathgreen around.css
File metadata and controls
169 lines (166 loc) Β· 6 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
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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
:root {
/* Colors: */
--secondary-700: #018786;
--secondary-100: #70EFDE;
--dark-π-surface-121212: #121212;
--light-π-on-surface-medium-emphasis-000000-60-: #000000;
--secondary-900: #005457;
--dark-π-on-primary-high-emphasis-000000: #000000;
--dark-π-on-primary-medium-emphasis-000000-74-: #000000;
--light-π-on-primary-high-emphasis-ffffff: #FFFFFF;
--unnamed-color-6200ee: #6200EE;
/* Font/text values */
--unnamed-font-family-roboto: Roboto;
--unnamed-font-style-normal: normal;
--unnamed-font-weight-300: 300px;
--unnamed-font-weight-normal: normal;
--unnamed-font-weight-medium: medium;
--unnamed-font-size-10: 10px;
--unnamed-font-size-14: 14px;
--unnamed-font-size-16: 16px;
--unnamed-font-size-20: 20px;
--unnamed-font-size-24: 24px;
--unnamed-font-size-34: 34px;
--unnamed-font-size-48: 48px;
--unnamed-font-size-60: 60px;
--unnamed-font-size-96: 96px;
--unnamed-character-spacing-0: 0px;
--unnamed-character-spacing-0-25: 0.25px;
--unnamed-character-spacing-0-14: 0.14px;
--unnamed-character-spacing-0-5: 0.5px;
--unnamed-character-spacing-0-18: 0.18px;
--unnamed-character-spacing-1-5: 1.5px;
--unnamed-character-spacing-0-1: 0.1px;
--unnamed-character-spacing-1-25: 1.25px;
--unnamed-character-spacing-0-15: 0.15px;
--unnamed-character-spacing--0-48: -0.48px;
--unnamed-character-spacing--1-44: -1.44px;
--unnamed-line-spacing-16: 16px;
--unnamed-line-spacing-20: 20px;
--unnamed-line-spacing-24: 24px;
--unnamed-line-spacing-36: 36px;
--unnamed-line-spacing-56: 56px;
--unnamed-line-spacing-72: 72px;
--unnamed-line-spacing-112: 112px;
--unnamed-text-transform-uppercase: uppercase;
}
/* Character Styles */
.dark-π-h3 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-48);
line-height: var(--unnamed-line-spacing-56);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-ffffff);
}
.dark-π-h1 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-300);
font-size: var(--unnamed-font-size-96);
line-height: var(--unnamed-line-spacing-112);
letter-spacing: var(--unnamed-character-spacing--1-44);
color: var(--unnamed-color-ffffff);
}
.dark-π-h5 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-24);
line-height: var(--unnamed-line-spacing-24);
letter-spacing: var(--unnamed-character-spacing-0-18);
color: var(--unnamed-color-ffffff);
}
.dark-π-subtitle-2 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-medium);
font-size: var(--unnamed-font-size-14);
line-height: var(--unnamed-line-spacing-24);
letter-spacing: var(--unnamed-character-spacing-0-1);
color: var(--unnamed-color-ffffff);
}
.dark-π-subtitle {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-16);
line-height: var(--unnamed-line-spacing-24);
letter-spacing: var(--unnamed-character-spacing-0-14);
color: var(--unnamed-color-ffffff);
}
.light-π-h5 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-24);
line-height: var(--unnamed-line-spacing-24);
letter-spacing: var(--unnamed-character-spacing-0-18);
color: var(--unnamed-color-000000);
}
.dark-π-body-1 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-16);
line-height: var(--unnamed-line-spacing-24);
letter-spacing: var(--unnamed-character-spacing-0-5);
color: var(--unnamed-color-ffffff);
}
.dark-π-body-2 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-14);
line-height: var(--unnamed-line-spacing-20);
letter-spacing: var(--unnamed-character-spacing-0-25);
color: var(--unnamed-color-ffffff);
}
.dark-π-overline {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-medium);
font-size: var(--unnamed-font-size-10);
line-height: var(--unnamed-line-spacing-16);
letter-spacing: var(--unnamed-character-spacing-1-5);
color: var(--unnamed-color-ffffff);
text-transform: var(--unnamed-text-transform-uppercase);
}
.dark-π-button {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-medium);
font-size: var(--unnamed-font-size-14);
line-height: var(--unnamed-line-spacing-16);
letter-spacing: var(--unnamed-character-spacing-1-25);
color: var(--unnamed-color-ffffff);
text-transform: var(--unnamed-text-transform-uppercase);
}
.dark-π-h6 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-medium);
font-size: var(--unnamed-font-size-20);
line-height: var(--unnamed-line-spacing-24);
letter-spacing: var(--unnamed-character-spacing-0-15);
color: var(--unnamed-color-ffffff);
}
.dark-π-h2 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-300);
font-size: var(--unnamed-font-size-60);
line-height: var(--unnamed-line-spacing-72);
letter-spacing: var(--unnamed-character-spacing--0-48);
color: var(--unnamed-color-ffffff);
}
.dark-π-h4 {
font-family: var(--unnamed-font-family-roboto);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-34);
line-height: var(--unnamed-line-spacing-36);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-ffffff);
}