lightweight, simple, classless CSS framework inspired by new.css
devcss.devins.page
framework
lightweight
css
classless
stylesheet
feat: table of contents, consistent case
+29
-8
+29
-8
dev.css
+29
-8
dev.css
···
1
1
/* dev.css v3, a classless CSS framework - https://github.com/intergrav/dev.css */
2
2
3
+
/* Table of Contents
4
+
1. Configuration
5
+
2. Dark Mode Handling
6
+
3. CSS Reset
7
+
4. Margins for Most Elements
8
+
5. Font Family
9
+
6. Body and Selection Styling
10
+
7. Typography
11
+
8. Blockquotes
12
+
9. Header
13
+
10. Footer
14
+
11. Buttons and Inputs
15
+
12. Code and Keyboards
16
+
13. Details
17
+
14. Description Lists
18
+
15. Horizontal Rules
19
+
16. Fieldsets
20
+
17. Tables
21
+
18. Lists
22
+
*/
23
+
3
24
/* 1. Configuration */
4
25
:root {
5
26
/* Font families */
···
34
55
--dc-d-ac-tx: #ededed;
35
56
}
36
57
37
-
/* 2. Dark mode handling */
58
+
/* 2. Dark Mode Handling */
38
59
@media (prefers-color-scheme: dark) {
39
60
:root {
40
61
--dc-tx-1: var(--dc-d-tx-1);
···
85
106
isolation: isolate;
86
107
}
87
108
88
-
/* 4. Margins for most elements */
109
+
/* 4. Margins for Most Elements */
89
110
address,
90
111
area,
91
112
article,
···
119
140
margin-bottom: 1rem;
120
141
}
121
142
122
-
/* 5. Font family */
143
+
/* 5. Font Family */
123
144
html {
124
145
font-family: var(--dc-font-sans);
125
146
}
···
131
152
font-family: var(--dc-font-mono);
132
153
}
133
154
134
-
/* 6. Body and selection styling */
155
+
/* 6. Body and Selection Styling */
135
156
body {
136
157
margin: 0 auto;
137
158
max-width: 48rem;
···
279
300
border-bottom: 0;
280
301
}
281
302
282
-
/* 11. Buttons and inputs */
303
+
/* 11. Buttons and Inputs */
283
304
a button,
284
305
button,
285
306
input[type="submit"],
···
337
358
max-width: 100%;
338
359
}
339
360
340
-
/* 12. Code and keyboards */
361
+
/* 12. Code and Keyboards */
341
362
code,
342
363
samp,
343
364
kbd,
···
386
407
padding-bottom: 0;
387
408
}
388
409
389
-
/* 14. Description lists */
410
+
/* 14. Description Lists */
390
411
dt {
391
412
font-weight: bold;
392
413
}
···
395
416
content: "→ ";
396
417
}
397
418
398
-
/* 15. Horizontal rules */
419
+
/* 15. Horizontal Rules */
399
420
hr {
400
421
border: 0;
401
422
border-bottom: 1px solid var(--dc-bg-3);