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 {
|
|
|
|
padding: calc(var(#{$✨}spacing) * 0.5) 0;
|
|
|
|
color: var(#{$✨}muted-color);
|
|
|
|
}
|
2019-11-27 15:31:49 +07:00
|
|
|
}
|
2022-10-15 23:22:12 +07:00
|
|
|
}
|