Switch to ranged media with queries.
This commit is contained in:
parent
02d83565ce
commit
4de62e059b
1 changed files with 14 additions and 14 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Reference in a new issue