tiny, simple, classless CSS framework inspired by new.css
devcss.devins.page
devins.page
framework
lightweight
css
classless
stylesheet
1/* addon for dev.css v3, a classless CSS framework - https://github.com/intergrav/dev.css */
2/* about: everything in the header on one line, works well with addon/header-sticky.css */
3/* warn: if using with the header-sidebar addon, be sure to include this before it */
4/* warn: i do not recommend using this if you have p or multiple nav elements in header */
5
6header {
7 align-items: center;
8 display: flex;
9}
10
11header h1,
12header h2,
13header h3,
14header h4,
15header h5,
16header h6 {
17 white-space: nowrap;
18}
19
20header * {
21 margin: 0;
22 line-height: 1.5;
23}
24
25header h1,
26header p {
27 margin-right: 1rem;
28}
29
30header h2,
31header h3,
32header h4,
33header h5,
34header h6 {
35 color: var(--dc-tx-2);
36 font-weight: normal;
37}
38
39header h2::after,
40header h3::after,
41header h4::after,
42header h5::after,
43header h6::after {
44 content: "/";
45}
46
47/* make sure that all header elements have same font size */
48header * {
49 font-size: 1rem !important;
50}