forked from deepStateMirrors/tabi
🎨 refactor: combine and reorder media queries
This commit is contained in:
parent
46100730fa
commit
af81f88b92
1 changed files with 14 additions and 11 deletions
|
|
@ -158,7 +158,12 @@ article {
|
||||||
margin-top: -5vmin;
|
margin-top: -5vmin;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -239,6 +244,14 @@ strong {
|
||||||
body {
|
body {
|
||||||
margin: 0 32px;
|
margin: 0 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
article .full-width {
|
||||||
|
width: auto;
|
||||||
|
max-width: none;
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 600px) {
|
@media only screen and (max-width: 600px) {
|
||||||
|
|
@ -273,13 +286,3 @@ strong {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 1000px) {
|
|
||||||
article .full-width {
|
|
||||||
width: auto;
|
|
||||||
max-width: none;
|
|
||||||
margin-left: 0;
|
|
||||||
margin-right: 0;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue