-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstyle.css
87 lines (54 loc) · 1.52 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
:root{
--bg-color: #121212;
--surface-100: #1c1c1c;
--surface-150: #262626;
--surface-200: #333333;
--error-color: #F47189;
--warning-color: #FCD34D;
--succes-color: #6EE7B7;
--primary-300: #007599;
--primary-500: #1ac9ff;
--primary-700: #6ed7f7;
--secondary-300: #0d9900;
--secondary-500: #2dff1a
--secondary-700: #79f76e;
--white-on-1: #FFFFFFdd;
--white-on-2: #FFFFFF99;
--white-on-3: hsla(0, 0%, 100%, 0.376);
--black-on-1: #000000dd;
--black-on-2: hsla(0, 0%, 0%, 0.6);
--black-on-3: hsla(0, 0%, 0%, 0.376);
--whiteoverlay-4: hsla(0, 0%, 100%, 0.04);
--whiteoverlay-12: hsla(0, 0%, 100%, 0.12);
--onsurface-color: var(--white-on-1);
--onsurface-color2: var(--white-on-2);
--onsurface-color3: var(--white-on-3);
--onprimary-color: var(--black-on-1);
--onprimary-color2: var(--black-on-2);
--onprimary-color3: var(--black-on-3);
font-family: Roboto, Arial, Helvetica, sans-serif;
}
* {
box-sizing: border-box;
padding: 0;
margin: 0;
transition: all 0.2s;
}
body {
background: var(--bg-color);
color: var(--onsurface-color);
}
.webcontainer {
max-width: 1100px;
margin: auto;
}
.template {
/* color */
/* position */
/* display */
/* box model */
/* box attributes*/
/* text */
/* other */
/* animation */
}