jean
/
bifocal
1
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases 1 Wiki Activity

Reverted new media query syntax

This commit is contained in:
Sodbileg Gansukh 2023-05-01 16:45:53 +08:00
parent 3b9f494744
commit d9293637a0
3 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/built/screen.css
View File

File diff suppressed because one or more lines are too long

2
assets/built/screen.css.map
View File

File diff suppressed because one or more lines are too long

20
assets/css/screen.css
View File

@ -73,7 +73,7 @@ hr {
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
} }
@media (width <= 991px) { @media (max-width: 991px) {
.gh-canvas > * { .gh-canvas > * {
grid-column: 3 / span 8; grid-column: 3 / span 8;
} }
@ -83,7 +83,7 @@ hr {
} }
} }
@media (width <= 767px) { @media (max-width: 767px) {
.gh-canvas > * { .gh-canvas > * {
grid-column: 2 / span 10; grid-column: 2 / span 10;
} }
@ -93,7 +93,7 @@ hr {
} }
} }
@media (width <= 480px) { @media (max-width: 480px) {
.gh-canvas > * { .gh-canvas > * {
grid-column: 1 / span 12; grid-column: 1 / span 12;
} }
@ -129,7 +129,7 @@ hr {
color: inherit; color: inherit;
} }
@media (width <= 991px) { @media (max-width: 991px) {
.is-head-open:not(.is-head-brand):not(.is-head-dark):not(.is-head-transparent) #gh-head { .is-head-open:not(.is-head-brand):not(.is-head-dark):not(.is-head-transparent) #gh-head {
background-color: var(--background-color); background-color: var(--background-color);
} }
@ -214,7 +214,7 @@ hr {
top: 40px; top: 40px;
} }
@media (width <= 840px) { @media (max-width: 840px) {
.has-side-about .gh-about-inner { .has-side-about .gh-about-inner {
display: flex; display: flex;
flex-direction: column-reverse; flex-direction: column-reverse;
@ -283,7 +283,7 @@ hr {
border: 0; border: 0;
} }
@media (width <= 991px) { @media (max-width: 991px) {
.has-background-about .gh-about-content { .has-background-about .gh-about-content {
max-width: none; max-width: none;
} }
@ -449,7 +449,7 @@ hr {
font-size: clamp(3.2rem, 2.4rem + 2.5vw, 6.4rem); font-size: clamp(3.2rem, 2.4rem + 2.5vw, 6.4rem);
} }
@media (width <= 991px) { @media (max-width: 991px) {
.has-classic-feed .gh-card-link { .has-classic-feed .gh-card-link {
flex-direction: column; flex-direction: column;
gap: 32px; gap: 32px;
@ -715,14 +715,14 @@ hr {
margin-top: clamp(6.4rem, 3rem + 10.625vw, 20rem); margin-top: clamp(6.4rem, 3rem + 10.625vw, 20rem);
} }
@media (width >= 992px) { @media (min-width: 992px) {
.gh-article-meta { .gh-article-meta {
position: absolute; position: absolute;
grid-column: 1 / span 3; grid-column: 1 / span 3;
} }
} }
@media (width <= 991px) { @media (max-width: 991px) {
:is(.gh-article-title, .gh-article-excerpt), :is(.gh-article-title, .gh-article-excerpt),
.gh-content > .gh-article-header { .gh-content > .gh-article-header {
grid-column: 1 / span 10; grid-column: 1 / span 10;
@ -757,7 +757,7 @@ hr {
} }
} }
@media (width <= 767px) { @media (max-width: 767px) {
:is(.gh-article-title, .gh-article-excerpt), :is(.gh-article-title, .gh-article-excerpt),
.gh-content > .gh-article-header { .gh-content > .gh-article-header {
grid-column: 1 / span 12; grid-column: 1 / span 12;