style: update breakpoints

This commit is contained in:
Lucas Larroche 2023-03-20 20:31:27 +07:00
parent de6ba10757
commit d7d11308af
11 changed files with 88 additions and 9 deletions

View file

@ -435,6 +435,11 @@ progress,
--pico-font-size: 125%;
}
}
@media (min-width: 1536px) {
:root {
--pico-font-size: 131.25%;
}
}
@media (min-width: 576px) {
body > header,
@ -468,6 +473,14 @@ progress,
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 4);
}
}
@media (min-width: 1536px) {
body > header,
body > main,
body > footer,
section {
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 4.5);
}
}
@media (min-width: 576px) {
article {
@ -489,6 +502,11 @@ progress,
--pico-block-spacing-horizontal: calc(var(--pico-spacing) * 2);
}
}
@media (min-width: 1536px) {
article {
--pico-block-spacing-horizontal: calc(var(--pico-spacing) * 2.25);
}
}
dialog > article {
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 2);