mirror of
https://github.com/picocss/pico.git
synced 2025-02-24 00:39:20 -05:00
52 lines
1.5 KiB
SCSS
52 lines
1.5 KiB
SCSS
|
/**
|
||
|
|
* Docs: Code inside <article>
|
||
|
|
*/
|
||
|
|
|
||
|
|
// Custom spacings
|
||
|
|
article pre {
|
||
|
|
margin-top: $spacing-block;
|
||
|
|
margin-bottom: -$spacing-gutter*2;
|
||
|
|
|
||
|
|
@if map-get($breakpoints, "sm") and
|
||
|
|
map-get($spacing-factor, "sm") {
|
||
|
|
|
||
|
|
@media (min-width: map-get($breakpoints, "sm")) {
|
||
|
|
padding: $spacing-block ($spacing-block*map-get($spacing-factor, "sm"));
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@if map-get($breakpoints, "md") and
|
||
|
|
map-get($spacing-factor, "md") and
|
||
|
|
$enable-responsive-spacings {
|
||
|
|
|
||
|
|
@media (min-width: map-get($breakpoints, "md")) {
|
||
|
|
padding: $spacing-block ($spacing-block*map-get($spacing-factor, "md"));
|
||
|
|
margin: -$spacing-block*map-get($spacing-factor, "md");
|
||
|
|
margin-top: $spacing-block*map-get($spacing-factor, "md");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@if map-get($breakpoints, "lg") and
|
||
|
|
map-get($spacing-factor, "lg") and
|
||
|
|
$enable-responsive-spacings {
|
||
|
|
|
||
|
|
@media (min-width: map-get($breakpoints, "lg")) {
|
||
|
|
padding: $spacing-block ($spacing-block*map-get($spacing-factor, "lg"));
|
||
|
|
margin: -$spacing-block*map-get($spacing-factor, "lg");
|
||
|
|
margin-top: $spacing-block*map-get($spacing-factor, "lg");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@if map-get($breakpoints, "xl") and
|
||
|
|
map-get($spacing-factor, "xl") and
|
||
|
|
$enable-responsive-spacings {
|
||
|
|
|
||
|
|
@media (min-width: map-get($breakpoints, "xl")) {
|
||
|
|
padding: $spacing-block ($spacing-block*map-get($spacing-factor, "xl"));
|
||
|
|
margin: -$spacing-block*map-get($spacing-factor, "xl");
|
||
|
|
margin-top: $spacing-block*map-get($spacing-factor, "xl");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|