mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-22 09:26:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: article

Browse source
This commit is contained in:
Lucas Larroche 2024-01-14 11:08:33 +07:00
parent 30cd2cec63
commit 48c60e0ec3
10 changed files with 24 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

5
css/pico.classless.css
View file

@ -118,26 +118,31 @@
@media (min-width: 576px) { @media (min-width: 576px) {
article { article {
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 1.25);
--pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.25); --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.25);
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
article { article {
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 1.5);
--pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.5); --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.5);
} }
} }
@media (min-width: 1024px) { @media (min-width: 1024px) {
article { article {
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 1.75);
--pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.75); --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.75);
} }
} }
@media (min-width: 1280px) { @media (min-width: 1280px) {
article { article {
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 2);
--pico-block-spacing-horizontal: calc(var(--pico-spacing) * 2); --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 2);
} }
} }
@media (min-width: 1536px) { @media (min-width: 1536px) {
article { article {
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 2.25);
--pico-block-spacing-horizontal: calc(var(--pico-spacing) * 2.25); --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 2.25);
} }
} }

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

5
css/pico.css
View file

@ -120,26 +120,31 @@
@media (min-width: 576px) { @media (min-width: 576px) {
article { article {
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 1.25);
--pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.25); --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.25);
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
article { article {
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 1.5);
--pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.5); --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.5);
} }
} }
@media (min-width: 1024px) { @media (min-width: 1024px) {
article { article {
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 1.75);
--pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.75); --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.75);
} }
} }
@media (min-width: 1280px) { @media (min-width: 1280px) {
article { article {
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 2);
--pico-block-spacing-horizontal: calc(var(--pico-spacing) * 2); --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 2);
} }
} }
@media (min-width: 1536px) { @media (min-width: 1536px) {
article { article {
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 2.25);
--pico-block-spacing-horizontal: calc(var(--pico-spacing) * 2.25); --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 2.25);
} }
} }

2
css/pico.css.map
View file

File diff suppressed because one or more lines are too long

5
css/pico.fluid.classless.css
View file

@ -118,26 +118,31 @@
@media (min-width: 576px) { @media (min-width: 576px) {
article { article {
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 1.25);
--pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.25); --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.25);
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
article { article {
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 1.5);
--pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.5); --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.5);
} }
} }
@media (min-width: 1024px) { @media (min-width: 1024px) {
article { article {
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 1.75);
--pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.75); --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.75);
} }
} }
@media (min-width: 1280px) { @media (min-width: 1280px) {
article { article {
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 2);
--pico-block-spacing-horizontal: calc(var(--pico-spacing) * 2); --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 2);
} }
} }
@media (min-width: 1536px) { @media (min-width: 1536px) {
article { article {
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 2.25);
--pico-block-spacing-horizontal: calc(var(--pico-spacing) * 2.25); --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 2.25);
} }
} }

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

3
scss/themes/default/_styles.scss
View file

@ -224,6 +224,9 @@
$multiplier: 2.25; $multiplier: 2.25;
} }
#{$css-var-prefix}block-spacing-vertical: calc(
var(#{$css-var-prefix}spacing) * $multiplier
);
#{$css-var-prefix}block-spacing-horizontal: calc( #{$css-var-prefix}block-spacing-horizontal: calc(
var(#{$css-var-prefix}spacing) * $multiplier var(#{$css-var-prefix}spacing) * $multiplier
); );