tiny, simple, classless CSS framework inspired by new.css
devcss.devins.page
devins.page
framework
lightweight
css
classless
stylesheet
1/* header-sticky for dev.css v4, a lightweight CSS framework - https://tangled.org/devins.page/dev.css */
2/* about: makes the header sticky (when vh>24rem/vw>16rem). useful if the user needs to access nav often */
3/* note: large sticky headers are bad for usability. too large? try header-oneline addon */
4
5@media only screen and (min-height: 24rem) and (min-width: 16rem) {
6 header {
7 position: sticky;
8 top: 0;
9 z-index: 1000;
10 background-color: var(--dc-bg-2);
11 }
12 @supports (backdrop-filter: blur(24px)) {
13 header {
14 backdrop-filter: blur(24px);
15 background: none;
16 }
17 }
18}