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