eric/bridget
1
0
Fork 0
mirror of https://github.com/Sped0n/bridget.git synced 2026-04-21 21:49:31 -07:00
Code Issues Packages Projects Releases Wiki Activity

refactor(article.scss): remove margin-top from .info class to improve layout consistency

Browse Source 
feat(article.scss): add media query to apply margin-top to .info class on tablets and devices with no hover support to improve responsiveness
This commit is contained in:
Sped0n
2023-10-31 00:35:17 +08:00
parent ee40055d6a
commit e1720906f7
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
assets/scss/_partial/_article.scss
View File

@@ -1,5 +1,4 @@
.info { .info {
margin-top: var(--nav-height);
padding: var(--space-standard); padding: var(--space-standard);
max-width: 25em; max-width: 25em;
@@ -41,3 +40,9 @@
margin: 1.2rem 0; margin: 1.2rem 0;
} }
} }
@media (max-width: $tablet), (hover: none) {
.info {
margin-top: var(--nav-height);
}
}