ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Switch to ranged media with queries.

Browse source
This commit is contained in:
Fredrik Jonsson 2026-05-28 14:25:45 +02:00
commit 4de62e059b
2 changed files with 14 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

4
assets/css/base/_header.css
View file

@ -10,7 +10,7 @@
gap: var(--header-gap);
background-color: var(--color-header-bg);
@media (min-width: 666px) {
@media (width >= 666px) {
flex-direction: row;
align-items: center;
}
@ -49,7 +49,7 @@
/* Wrapper for any blocks placed in the header region. */
.header__region {
@media (min-width: 666px) {
@media (width >= 666px) {
margin-inline-start: auto;
}
}

6
assets/css/base/_images.css
View file

@ -5,7 +5,7 @@ img {
&.image {
--image-padding: 0.75rem;
@media (min-width: 666px) {
@media (width >= 666px) {
&.center {
margin-inline: auto;
}
@ -44,7 +44,7 @@ figure {
/* Nicer text wrap, e.g. no lone word on last line. */
text-wrap: pretty;
@media (min-width: 666px) {
@media (width >= 666px) {
padding-block-start: 0;
}
@ -53,7 +53,7 @@ figure {
}
}
@media (min-width: 666px) {
@media (width >= 666px) {
inline-size: fit-content;
&.left {