-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathroot.css
More file actions
131 lines (112 loc) · 4.46 KB
/
Copy pathroot.css
File metadata and controls
131 lines (112 loc) · 4.46 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
@charset "UTF-8";
/**
* @updated 25.09.13
* @copyright 2025 Hold'inCorp.
* @author inLoad
* @license Apache-2.0 ./LICENSE
*
* @see https://developer.mozilla.org/docs/Web/CSS/@charset
* @link https://developer.mozilla.org/docs/Web/CSS/:root
* @link https://developer.mozilla.org/docs/Web/CSS/::backdrop
* @link https://developer.mozilla.org/docs/Web/CSS/--*
*/
:root, ::backdrop {
/* ========== SCALES ========== */
--mini : 0.2500;
--tiny : 0.4375;
--small : 0.6250;
--medium : 0.8125;
--normal : 1.0000;
--large : 1.2500;
--big : 1.7500;
--huge : 2.2500;
--massive : 2.7500;
/* ========== TEXT ========== */
--EM : 1em;
--REM : 1rem;
--border-size : calc(var(--mini) / 3);
--border_EM : calc(var(--EM) * var(--border-size));
--border_REM : calc(var(--REM) * var(--border-size));
--mini_EM : calc(var(--EM) * var(--mini));
--tiny_EM : calc(var(--EM) * var(--tiny));
--small_EM : calc(var(--EM) * var(--small));
--medium_EM : calc(var(--EM) * var(--medium));
--normal_EM : calc(var(--EM) * var(--normal));
--large_EM : calc(var(--EM) * var(--large));
--big_EM : calc(var(--EM) * var(--big));
--huge_EM : calc(var(--EM) * var(--huge));
--massive_EM : calc(var(--EM) * var(--massive));
--mini_REM : calc(var(--REM) * var(--mini));
--tiny_REM : calc(var(--REM) * var(--tiny));
--small_REM : calc(var(--REM) * var(--small));
--medium_REM : calc(var(--REM) * var(--medium));
--normal_REM : calc(var(--REM) * var(--normal));
--large_REM : calc(var(--REM) * var(--large));
--big_REM : calc(var(--REM) * var(--big));
--huge_REM : calc(var(--REM) * var(--huge));
--massive_REM : calc(var(--REM) * var(--massive));
/* ========== TIME ========== */
--time:1.5s;
--mini_S : calc(var(--time) * var(--mini));
--tiny_S : calc(var(--time) * var(--tiny));
--small_S : calc(var(--time) * var(--small));
--medium_S : calc(var(--time) * var(--medium));
--normal_S : calc(var(--time) * var(--normal));
--large_S : calc(var(--time) * var(--large));
--big_S : calc(var(--time) * var(--big));
--huge_S : calc(var(--time) * var(--huge));
--massive_S : calc(var(--time) * var(--massive));
/* ========== CONTAINER ========== */
--container : calc(100% - var(--massive_EM));
--container-max : 60rem;
/* ========== COLORS ========== */
--dark : 8 8 8;
--light : 248 249 250;
--black : 0 0 0;
--white : 255 255 255;
--system : 102 51 153; /* PURPLE */
--info : 0 153 255; /* BLUE */
--success : 18 154 79; /* GREEN */
--warning : 255 140 0; /* ORANGE */
--error : 247 40 72; /* RED */
--mode-bgc : var(--light);
--mode-color : var(--dark);
}
/**
* @link https://developer.mozilla.org/docs/Web/CSS/@media/prefers-color-scheme
*/
@media (prefers-color-scheme:light) {
html:not([inverted],[noPCS]) {
--dark : 8 8 8;
--light : 248 249 250;
--black : 0 0 0;
--white : 255 255 255;
}
}
@media (prefers-color-scheme:dark) {
html:not([inverted],[noPCS]) {
--dark : 248 249 250;
--light : 8 8 8;
--black : 255 255 255;
--white : 0 0 0;
}
}
/**
* @link https://developer.mozilla.org/docs/Web/CSS/@media/prefers-reduced-motion
*/
@media (prefers-reduced-motion:reduce) { * { animation:none !important; } }
/* [debug]:not([debug="content"]), [debug]:not([debug="content"])::before, [debug]:not([debug="content"])::after,
[debug] *, [debug] *::before, [debug] *::after {
--debug:0.5em;
--debug-color : 128 0 128;
outline:calc(var(--debug) * 0.2) dashed rgb(var(--debug-color) / 0.3);
background-color: rgb(var(--debug-color) / 0.15);
padding-top:var(--innT, var(--debug));
padding-right:var(--innR, var(--debug));
padding-bottom:var(--innB, var(--debug));
padding-left:var(--innL, var(--debug));
}
[debug] > *, [debug] > *::before, [debug] > *::after { --debug-color : 0 103 128; }
[debug] > * > *, [debug] > * > *::before, [debug] > * > *::after { --debug-color : 37 128 0; }
[debug] > * > * > *, [debug] > * > * > *::before, [debug] > * > * > *::after { --debug-color : 128 115 0; }
[debug] > * > * > * > *, [debug] > * > * > * > *::before, [debug] > * > * > * > *::after { --debug-color : 128 33 0; } */