Windy CSS styleguide

3.15.2 #components.switch.3 .switch-mobile-wrapper

Toggle example guides Toggle HTML markup

Wraps .switch on mobileTablet device to fill 100% of width with possibillity of horizontal scroll, if size of the switch exceeds the width of the screen.

<div class="switch-mobile-wrapper">
    <nav class="switch switch--variant-uiswitch">
        <a class="switch__item selected">first option</a>
        <a class="switch__item">second option</a>
        <a class="switch__item">third option</a>
    </nav>
</div>
Markup
    <section id="device-mobile">
        <div class="switch-mobile-wrapper">
              <nav class="switch switch--variant-uiswitch">
                <a class="switch__item selected">first option</a>
                <a class="switch__item">second option</a>
                <a class="switch__item">third option</a>
            </nav>
        </div>
    </section>
Source: src/css/components/switch-mobile-wrapper.less, line 1