1
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-04-27 10:18:27 -04:00
jarv.is/components/page-header/Header.module.css
Jake Jarvis 41d2b8c64b
scss ➡️ vanilla css (#727)
* scss isn't worth the technical/mental overhead anymore

* try to translate my old Hugo pygments themes

* update lockfile

* consolidate .hljs classes
2022-01-07 16:17:14 -05:00

26 lines
459 B
CSS

.header {
position: sticky;
top: 0;
width: 100%;
padding: 0.7em 1.5em;
border-bottom: 1px solid var(--kinda-light);
background-color: var(--background-header);
backdrop-filter: saturate(180%) blur(5px);
z-index: 1000;
}
.nav {
width: 100%;
max-width: 865px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
}
@media screen and (max-width: 768px) {
.header {
padding: 0.75em 1.25em;
}
}