Ungol/blog
1
0
Fork 0
Code Issues Projects Releases Packages 1 Activity Actions

feat: improve global responsivity

Browse source
This commit is contained in:
Ungol 2025-12-23 22:27:52 +01:00
parent c332052930
commit b2286abd85
7 changed files with 101 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

39
sass/styles.scss
View file

@ -1,3 +1,4 @@
@use 'constants' as *;
@use 'theme';
@use 'shortcodes/callout';
@use 'parts/anchor';
@ -34,7 +35,7 @@ article {
margin-right: auto;
}
@media only screen and (max-width: 600px) {
@media only screen and (max-width: $smartphone) {
article {
max-width: var(--main-width);
}
@ -84,6 +85,42 @@ h6 {
overflow-wrap: break-word;
}
@media only screen and (max-width: $smartphone) {
h1 {
font-size: 1.5rem;
margin-top: 1.3rem;
}
h2 {
font-size: 1.3rem;
margin-bottom: 1rem;
font-weight: medium;
}
h3 {
font-size: 1.1rem;
margin-bottom: .6rem;
font-weight: medium;
}
h4 {
font-size: 1rem;
font-weight: medium;
}
h5 {
font-size: .9rem;
font-weight: 700;
}
h6 {
font-size: .9rem;
font-weight: 300;
}
}
p {
margin-top: 1.25rem;
margin-bottom: 1.25rem;