lightweight, simple, classless CSS framework inspired by new.css
devcss.devins.page
framework
lightweight
css
classless
stylesheet
1/* header-sticky for dev.css v4, a lightweight CSS framework - https://github.com/intergrav/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 background-color: var(--dc-bg-2);
10 }
11 @supports (backdrop-filter: blur(24px)) {
12 header {
13 backdrop-filter: blur(24px);
14 background: none;
15 }
16 }
17}