mirror of
https://github.com/picocss/pico.git
synced 2025-02-24 00:39:20 -05:00
45 lines
1.1 KiB
SCSS
45 lines
1.1 KiB
SCSS
|
/**
|
||
|
|
* Section
|
||
|
|
* Responsive spacings for section
|
||
|
|
*/
|
||
|
|
|
||
|
|
section {
|
||
|
|
margin-bottom: $spacing-block*map-get($spacing-factor, "xs")*2;
|
||
|
|
|
||
|
|
@if map-get($breakpoints, "sm") and
|
||
|
|
map-get($spacing-factor, "sm") and
|
||
|
|
$enable-responsive-spacings {
|
||
|
|
|
||
|
|
@media (min-width: map-get($breakpoints, "sm")) {
|
||
|
|
margin-bottom: $spacing-block*map-get($spacing-factor, "sm")*2;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@if map-get($breakpoints, "md") and
|
||
|
|
map-get($spacing-factor, "md") and
|
||
|
|
$enable-responsive-spacings {
|
||
|
|
|
||
|
|
@media (min-width: map-get($breakpoints, "md")) {
|
||
|
|
margin-bottom: $spacing-block*map-get($spacing-factor, "md")*2;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@if map-get($breakpoints, "lg") and
|
||
|
|
map-get($spacing-factor, "lg") and
|
||
|
|
$enable-responsive-spacings {
|
||
|
|
|
||
|
|
@media (min-width: map-get($breakpoints, "lg")) {
|
||
|
|
margin-bottom: $spacing-block*map-get($spacing-factor, "lg")*2;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@if map-get($breakpoints, "xl") and
|
||
|
|
map-get($spacing-factor, "xl") and
|
||
|
|
$enable-responsive-spacings {
|
||
|
|
|
||
|
|
@media (min-width: map-get($breakpoints, "xl")) {
|
||
|
|
margin-bottom: $spacing-block*map-get($spacing-factor, "xl")*2;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|