mirror of
https://github.com/picocss/pico.git
synced 2025-04-26 19:26:14 -04:00
style: spacings
This commit is contained in:
parent
5fc1da9b42
commit
5a97b6baac
11 changed files with 10 additions and 101 deletions
|
@ -50,12 +50,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
> header,
|
||||
> footer {
|
||||
padding: calc(var(#{$css-var-prefix}block-spacing-vertical) * 0.5)
|
||||
var(#{$css-var-prefix}block-spacing-horizontal);
|
||||
}
|
||||
|
||||
> header {
|
||||
> * {
|
||||
margin-bottom: 0;
|
||||
|
|
|
@ -55,7 +55,7 @@
|
|||
map.get($modules, "components/card") or
|
||||
map.get($modules, "components/modal")
|
||||
{
|
||||
#{$css-var-prefix}block-spacing-vertical: calc(var(#{$css-var-prefix}spacing) * 2);
|
||||
#{$css-var-prefix}block-spacing-vertical: var(#{$css-var-prefix}spacing);
|
||||
#{$css-var-prefix}block-spacing-horizontal: var(#{$css-var-prefix}spacing);
|
||||
}
|
||||
|
||||
|
@ -235,28 +235,6 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Modal
|
||||
@if map.get($modules, "components/modal") {
|
||||
dialog > article {
|
||||
#{$css-var-prefix}block-spacing-vertical: calc(var(#{$css-var-prefix}spacing) * 2);
|
||||
#{$css-var-prefix}block-spacing-horizontal: var(#{$css-var-prefix}spacing);
|
||||
|
||||
@if map.get($breakpoints, "sm") {
|
||||
@media (min-width: map.get(map.get($breakpoints, "sm"), "breakpoint")) {
|
||||
#{$css-var-prefix}block-spacing-vertical: calc(var(#{$css-var-prefix}spacing) * 2.5);
|
||||
#{$css-var-prefix}block-spacing-horizontal: calc(var(#{$css-var-prefix}spacing) * 1.25);
|
||||
}
|
||||
}
|
||||
|
||||
@if map.get($breakpoints, "md") {
|
||||
@media (min-width: map.get(map.get($breakpoints, "md"), "breakpoint")) {
|
||||
#{$css-var-prefix}block-spacing-vertical: calc(var(#{$css-var-prefix}spacing) * 3);
|
||||
#{$css-var-prefix}block-spacing-horizontal: calc(var(#{$css-var-prefix}spacing) * 1.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Link
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue