mirror of
https://github.com/Sped0n/bridget.git
synced 2026-04-14 10:09:31 -07:00
e1720906f7
feat(article.scss): add media query to apply margin-top to .info class on tablets and devices with no hover support to improve responsiveness
49 lines
510 B
SCSS
49 lines
510 B
SCSS
.info {
|
|
padding: var(--space-standard);
|
|
max-width: 25em;
|
|
|
|
p {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
u {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
> h1 {
|
|
font-size: 1.6em;
|
|
}
|
|
|
|
> h2 {
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
> h3 {
|
|
font-size: 1.375em;
|
|
}
|
|
|
|
> h4 {
|
|
font-size: 1.25em;
|
|
}
|
|
|
|
> h5 {
|
|
font-size: 1.125em;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-weight: bold;
|
|
margin: 1.2rem 0;
|
|
}
|
|
}
|
|
|
|
@media (max-width: $tablet), (hover: none) {
|
|
.info {
|
|
margin-top: var(--nav-height);
|
|
}
|
|
}
|