diff --git a/styleguide.css b/styleguide.css index 273470f..a8d78e1 100644 --- a/styleguide.css +++ b/styleguide.css @@ -1859,6 +1859,22 @@ section + section { margin-top: var(--spacing-small); } +@media (max-width: 48rem) { + .sg-pulldown-demo--single-slider-test .sg-pulldown-panel .sg-slider-row[data-activatable="true"] { + flex-wrap: wrap; + } + + .sg-pulldown-demo--single-slider-test .sg-pulldown-panel .sg-slider-row[data-activatable="true"] .sg-label { + min-width: 100%; + flex: 0 0 100%; + } + + .sg-pulldown-demo--single-slider-test .sg-pulldown-panel .sg-slider-row[data-activatable="true"] .sg-slider { + flex: 1 1 auto; + width: auto; + } +} + .sg-form-sections-card__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));