pico/scss/layout/_scroller.scss
Lucas 73237bdcd4 Improvements
- Add .contrast variant
- Separate _button-styles.scss
- Edit .secondary, mark, figcaption, hgroup, tooltips
- Docs: Add More about grids, External links icon, Second theme switcher
2019-11-30 12:43:20 +07:00

30 lines
572 B
SCSS

/**
* Horizontal scroller (<figure>)
*/
// Wrapper to make any content responsive across all viewports
figure {
display: block;
margin-right: -$spacing-gutter;
margin-left: -$spacing-gutter;
padding: 0;
overflow-x: auto;
figcaption {
color: var(--muted-text);
font-size: 87.5%;
padding: ($spacing-gutter/2) $spacing-gutter;
}
@if map-get($breakpoints, "sm") {
@media (min-width: map-get($breakpoints, "sm")) {
margin-right: 0;
margin-left: 0;
figcaption {
padding: ($spacing-gutter/2) 0;
}
}
}
}