Sha256: c3026502cd960f428b95ff74d422c5ce21492e64311fd08c30494675add608a9
Contents?: true
Size: 1.14 KB
Versions: 5
Compression:
Stored size: 1.14 KB
Contents
/**
* @copyright 2010-2013, The Titon Project
* @license http://opensource.org/licenses/bsd-license.php
* @link http://titon.io
*/
@import "../common";
/**
* Should be used in conjunction with the JavaScript Titon.Tabs module.
*
* <div id="tabs" class="tabs">
* <nav class="tabs-nav">
* <ul>
* <li><a href="#tab-1">Tab 1</a></li>
* <li><a href="#tab-2">Tab 2</a></li>
* </ul>
* </nav>
*
* <section id="tab-1" class="tabs-section"></section>
* <section id="tab-2" class="tabs-section"></section>
* </div>
*/
.tabs {
text-align: left;
}
.tabs-nav {
display: block;
margin-bottom: $margin;
ul, li {
@include reset-inline-block;
list-style: none;
}
@include clear-fix;
}
// Display none on sections since visibility takes up DOM space
.tabs-section.hide {
display: none;
}
//-------------------- Modifiers --------------------//
.tabs.tabs--horizontal {
.tabs-nav {
ul, li, a, button {
display: block;
float: none;
text-align: left;
}
}
}
Version data entries
5 entries across 5 versions & 1 rubygems