-
Notifications
You must be signed in to change notification settings - Fork 0
/
practice.css
156 lines (135 loc) · 3.25 KB
/
practice.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
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
/* https://s9a.github.io/bae/ */
.bae-clean:not(.bae-unclean),
.bae-clean :not(.bae-unclean){background:transparent;color:inherit}
.bae-flat:not(.bae-unflat),
.bae-flat :not(.bae-unflat){border-color:transparent}
.bae-warm{color:#415!important;background:#bae!important}
.bae-cool{color:#bae!important;background:#415!important}
.bae-dawn{color:#510!important;background:#bae!important}
.bae-dusk{color:#bae!important;background:#510!important}
.bae-vine{color:#707!important;background:#4ea!important}
.bae-vein{color:#4ea!important;background:#707!important}
.bae-swag{color:#925!important;background:#bff!important}
.bae-swab{color:#bff!important;background:#925!important}
.bae-gold{color:#707!important;background:gold!important}
.bae-rush{color:gold!important;background:#707!important}
/* https://github.com/s9a/tape/releases/tag/v0.2.0 */
:root {
--tape-white: #f5f5f5;
--tape-black: #090909;
--tape-pink: #fbbfff;
--tape-yellow: #eee833;
--tape-blue: #11dff1;
--tape-green: #44f477;}
.tape-white { --tape-hex: var(--tape-white) }
.tape-blue { --tape-hex: var(--tape-blue) }
.tape-pink { --tape-hex: var(--tape-pink) }
.tape-green { --tape-hex: var(--tape-green) }
.tape-yellow { --tape-hex: var(--tape-yellow) }
.tape-clean:not(.tape-unclean),
.tape-clean :not(.tape-unclean) {
background: transparent;
color: inherit;}
.tape-flat:not(.tape-unflat),
.tape-flat :not(.tape-unflat) {
border-color: transparent;}
.tape-blue,.tape-pink,.tape-green,.tape-yellow,.tape-white {
background: var(--tape-hex) !important;
color: var(--tape-black) !important;}
.tape-black {
background: var(--tape-black) !important;
color: var(--tape-hex, var(--tape-white)) !important;}
/* dubz */
@supports (--custom: vibe) {
::selection {
background: Black;
color: var(--tape-hex, Gold);
}
}
.roots {
font-family: Arial, sans-serif;
font-size: 1em;
}
body {
font-size: 1.25em;
line-height: 1.5;
margin: 0;
}
:focus {
outline-color: Black;
outline-style: groove;
outline-width: .25rem;
}
.just-a-dream {
box-sizing: border-box;
padding: 1rem 0 2rem;
margin: 0;
}
.vividly-defined {
box-sizing: border-box;
font-size: 2rem;
font-weight: 700;
padding: 2rem 2rem 1rem;
margin: 0;
}
.very-lucid {
box-sizing: border-box;
font-size: 1.3333rem;
padding: 1rem 2rem;
margin: 0;
list-style: none;
}
.very-lucid p,
.very-lucid li {
margin: 0 0 1rem;
}
.very-padded {
box-sizing: border-box;
padding: 2rem;
}
.whatever-you-like {
overflow-wrap: break-word;
text-transform: lowercase;
font-weight: 400;
font-size: 5rem;
line-height: 1;
margin: 0;
}
.you-know-my-name {
font-size: 5rem;
}
.up-so-high {
padding: 2rem;
}
.relate-to-this {
display: inline-block;
line-height: 1;
text-decoration: none;
font-weight: 700;
padding: .5rem;
margin-bottom: 1rem;
}
.rack-em-up {
padding: 2rem;
font-size: 5em;
display: block;
}
.take-a-trip {
font-size: 2rem;
margin-top: 1rem;
display: inline-block;
}
.parachute {
padding: 1rem 2rem;
margin: 0;
max-width: 15em;
}
.moment-ago {
padding-bottom: 2rem;
}
[data-hash$="*"] { overflow: hidden }
[data-hash$="*"] > .full-out:not(:target) + .full-in { visibility: hidden }
[data-hash$="*"] .full-out:target + .full-in { min-height: 100vh }
[hidden] {
display: none;
}