mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-27 03:36:13 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: update breakpoints

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

25
css/pico.classless.css
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);
@ -691,6 +709,13 @@ body > footer {
max-width: 1200px;
}
}
@media (min-width: 1536px) {
body > header,
body > main,
body > footer {
max-width: 1450px;
}
}
/**
* Section

2
css/pico.classless.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

23
css/pico.css
View file

@ -437,6 +437,11 @@ progress,
--pico-font-size: 125%;
}
}
@media (min-width: 1536px) {
:root {
--pico-font-size: 131.25%;
}
}
@media (min-width: 576px) {
body > header,
@ -470,6 +475,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 {
@ -491,6 +504,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);
@ -695,6 +713,11 @@ body > footer {
max-width: 1200px;
}
}
@media (min-width: 1536px) {
.container {
max-width: 1450px;
}
}
/**
* Section

2
css/pico.css.map
View file

File diff suppressed because one or more lines are too long

18
css/pico.fluid.classless.css
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);

2
css/pico.fluid.classless.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.fluid.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/pico.min.css vendored
View file

File diff suppressed because one or more lines are too long