/** * @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. * *
* * *
*
*
*/ .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; } } }