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

refactor: update $css-var-prefix name

Browse source
This commit is contained in:
Lucas Larroche 2023-12-28 13:21:52 +07:00
parent 2c97dc3ae5
commit 3c96e6043b
41 changed files with 866 additions and 759 deletions
Download patch file Download diff file Expand all files Collapse all files

44
scss/components/_card.scss
View file

@ -7,34 +7,40 @@
*/
article {
margin-bottom: var(#{$✨}block-spacing-vertical);
padding: var(#{$✨}block-spacing-vertical) var(#{$✨}block-spacing-horizontal);
border-radius: var(#{$✨}border-radius);
background: var(#{$✨}card-background-color);
box-shadow: var(#{$✨}card-box-shadow);
margin-bottom: var(#{$css-var-prefix}block-spacing-vertical);
padding: var(#{$css-var-prefix}block-spacing-vertical)
var(#{$css-var-prefix}block-spacing-horizontal);
border-radius: var(#{$css-var-prefix}border-radius);
background: var(#{$css-var-prefix}card-background-color);
box-shadow: var(#{$css-var-prefix}card-box-shadow);
> header,
> footer {
margin-right: calc(var(#{$✨}block-spacing-horizontal) * -1);
margin-left: calc(var(#{$✨}block-spacing-horizontal) * -1);
padding: calc(var(#{$✨}block-spacing-vertical) * 0.66) var(#{$✨}block-spacing-horizontal);
background-color: var(#{$✨}card-sectioning-background-color);
margin-right: calc(var(#{$css-var-prefix}block-spacing-horizontal) * -1);
margin-left: calc(var(#{$css-var-prefix}block-spacing-horizontal) * -1);
padding: calc(var(#{$css-var-prefix}block-spacing-vertical) * 0.66)
var(#{$css-var-prefix}block-spacing-horizontal);
background-color: var(#{$css-var-prefix}card-sectioning-background-color);
}
> header {
margin-top: calc(var(#{$✨}block-spacing-vertical) * -1);
margin-bottom: var(#{$✨}block-spacing-vertical);
border-bottom: var(#{$✨}border-width) solid var(#{$✨}card-border-color);
border-top-right-radius: var(#{$✨}border-radius);
border-top-left-radius: var(#{$✨}border-radius);
margin-top: calc(var(#{$css-var-prefix}block-spacing-vertical) * -1);
margin-bottom: var(#{$css-var-prefix}block-spacing-vertical);
border-bottom: var(#{$css-var-prefix}border-width)
solid
var(#{$css-var-prefix}card-border-color);
border-top-right-radius: var(#{$css-var-prefix}border-radius);
border-top-left-radius: var(#{$css-var-prefix}border-radius);
}
> footer {
margin-top: var(#{$✨}block-spacing-vertical);
margin-bottom: calc(var(#{$✨}block-spacing-vertical) * -1);
border-top: var(#{$✨}border-width) solid var(#{$✨}card-border-color);
border-bottom-right-radius: var(#{$✨}border-radius);
border-bottom-left-radius: var(#{$✨}border-radius);
margin-top: var(#{$css-var-prefix}block-spacing-vertical);
margin-bottom: calc(var(#{$css-var-prefix}block-spacing-vertical) * -1);
border-top: var(#{$css-var-prefix}border-width)
solid
var(#{$css-var-prefix}card-border-color);
border-bottom-right-radius: var(#{$css-var-prefix}border-radius);
border-bottom-left-radius: var(#{$css-var-prefix}border-radius);
}
}
}