src/scss/toolkit/modules/tabs.scss in titon-toolkit-0.9.4 vs src/scss/toolkit/modules/tabs.scss in titon-toolkit-0.10.0

- old
+ new

@@ -1,56 +1,56 @@ /** - * @copyright Copyright 2010-2013, The Titon Project - * @license http://opensource.org/licenses/bsd-license.php - * @link http://titon.io + * @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> + * <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> + * <section id="tab-1" class="tabs-section"></section> + * <section id="tab-2" class="tabs-section"></section> + * </div> */ .tabs { - text-align: left; + text-align: left; } .tabs-nav { - display: block; - margin-bottom: $margin; + display: block; + margin-bottom: $margin; - ul, li { - @include reset-inline-block; - list-style: none; - } + ul, li { + @include reset-inline-block; + list-style: none; + } - @include clear-fix; + @include clear-fix; } // Display none on sections since visibility takes up DOM space .tabs-section.hide { - display: none; + display: none; } //-------------------- Modifiers --------------------// .tabs.tabs--horizontal { - .tabs-nav { - ul, li, a, button { - display: block; - float: none; - text-align: left; - } - } + .tabs-nav { + ul, li, a, button { + display: block; + float: none; + text-align: left; + } + } } \ No newline at end of file