// // Switch Modules // $author Ad Taylor // ========================================================================== // Switch Defaults // ========================================================================== .switch-nav { @include clearfix(); padding-left: 0; & > li { list-style: none; } } @mixin switch-content($grid-name, $nested-grid-name){ @if($grid-name == $nested-grid-name) { .#{$grid-name}switch-content { display: none; &.is-active { display: block; } } } @else { .#{$grid-name}switch-content { display: block; &.is-active { display: none; } } } } @each $grid in $grids { $grid-name: nth($grid, 1); @each $nested-grid in $grids { $nested-grid-name: nth($nested-grid, 1); // If there is a media query @include is-responsive($nested-grid) { @include switch-content($grid-name, $nested-grid-name); } } } .switch-content { display: none; &.is-active { display: block; } } // ========================================================================== // Tabs // ========================================================================== .tabs { @extend .action-list; border-bottom: 1px solid mono(3); & > li { float: left; margin-bottom: -1px; margin-left: $column-gutter; & > a { display: block; padding: ms(0)/2 $column-gutter; border-bottom: 1px solid transparent; line-height: $base-line-height-px; } &.is-active { background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; } } }