mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-12-24 01:42:10 +00:00
Inline nav links in print media
This commit is contained in:
parent
6b67668291
commit
ccce5c94a9
3 changed files with 5 additions and 5 deletions
|
@ -84,7 +84,7 @@ nav li,
|
|||
}
|
||||
|
||||
/* single-line nav on widescreen */
|
||||
@media (min-width: 32em) {
|
||||
@media print, (min-width: 32em) {
|
||||
header nav li {
|
||||
display: inline;
|
||||
padding-right: 0.5em;
|
||||
|
|
|
@ -335,8 +335,8 @@ Exceptions exist: one or two very simple responsive changes won't hurt. The main
|
|||
For example, the only responsive layout change on my website (https://seirdy.one) is a single CSS declaration to switch between inline and multi-line navigation links at the top of the page:
|
||||
|
||||
```
|
||||
@media (min-width: 32rem) {
|
||||
nav li {
|
||||
@media print, (min-width: 32rem) {
|
||||
header nav li {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -296,8 +296,8 @@ The only responsive layout change on [my website](https://seirdy.one/) is a sing
|
|||
</figcaption>
|
||||
|
||||
```
|
||||
@media (min-width: 32rem) {
|
||||
nav li {
|
||||
@media print, (min-width: 32rem) {
|
||||
header nav li {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue