_objects.tabs.scss

Source code

View source

Author

Harry Roberts

Package Name

inuit-tabs

Version

0.2.1

Dependences

The tabs object is very similar to the pack object.

Markup
Demo
Settings

        <ul class="tabs">
            <li class="tabs__item">
                <a href="#" class="tabs__link">Foo</a>
            </li>
            <li class="tabs__item">
                <a href="#" class="tabs__link">Bar</a>
            </li>
            <li class="tabs__item">
                <a href="#" class="tabs__link">Baz</a>
            </li>
        </ul>

.tabs__link can be omitted. It just sets the link to display: block.

see HTML code

<ul class="tabs">
                <li class="tabs__item">
                    <a href="#" class="tabs__link">Foo</a>
                </li>
                <li class="tabs__item">
                    <a href="#" class="tabs__link">Bar</a>
                </li>
                <li class="tabs__item">
                    <a href="#" class="tabs__link">Baz</a>
                </li>
            </ul>

                $inuit-tabs-namespace: $inuit-namespace !default;