pico/scss/layout/_scroller.scss

22 lines
426 B
SCSS
Raw Normal View History

2022-10-23 10:47:50 +07:00
@use "sass:map";
2022-10-22 13:11:51 +07:00
@use "../settings" as *;
2022-10-23 10:47:50 +07:00
@if map.get($modules, "layout/scroller") {
/**
* Horizontal scroller (<figure>)
*/
2019-11-27 15:31:49 +07:00
2022-10-23 10:47:50 +07:00
// Wrapper to make allow any content to be scrolled horizontally
figure {
display: block;
margin: 0;
padding: 0;
overflow-x: auto;
2019-11-27 15:31:49 +07:00
2022-10-23 10:47:50 +07:00
figcaption {
2023-12-28 13:21:52 +07:00
padding: calc(var(#{$css-var-prefix}spacing) * 0.5) 0;
color: var(#{$css-var-prefix}muted-color);
2022-10-23 10:47:50 +07:00
}
2019-11-27 15:31:49 +07:00
}
2022-10-15 23:22:12 +07:00
}