lightweight, simple, classless CSS framework inspired by new.css
devcss.devins.page
framework
lightweight
css
classless
stylesheet
1/* header-oneline for dev.css v4, a lightweight CSS framework - https://github.com/intergrav/dev.css */
2/* about: makes the header much more compact by sorting horizontally, good with header-sticky addon */
3/* note: will hide most elements in header other than img, h1-6, nav, and button */
4
5header * {
6 font-size: 1rem;
7 line-height: 1;
8 margin: 0;
9 padding: 0;
10 margin-bottom: 0 !important;
11}
12
13header {
14 display: flex;
15 gap: 1rem;
16 padding: 0.75rem calc(50vw - 50%);
17 margin: 0 calc(50% - 50vw) 0;
18}
19
20header > *:not(img, h1, h2, h3, h4, h5, h6, nav, button) {
21 display: none;
22}