/*

* # Semantic - Tab
* http://github.com/semantic-org/semantic-ui/
*
*
* Copyright 2014 Contributor
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/

/*******************************

Theme

*******************************/

@type : ‘module’; @element : ‘tab’;

@import ‘../../theme.config’;

/*******************************

UI Tabs

*******************************/

.ui.tab {

display: none;

}

/*******************************

States

*******************************/

/*——————–

Active

———————*/

.ui.tab.active, .ui.tab.open {

display: block;

}

/*——————–

Loading

———————*/

.ui.tab.loading {

position: relative;
overflow: hidden;
display: block;
min-height: @loadingMinHeight;

} .ui.tab.loading * {

position: @loadingContentPosition !important;
left: @loadingContentOffset !important;

}

.ui.tab.loading:before, .ui.tab.loading.segment:before {

position: absolute;
content: '';
top: @loaderDistanceFromTop;
left: 50%;

margin: @loaderMargin;
width: @loaderSize;
height: @loaderSize;

border-radius: @circularRadius;
border: @loaderLineWidth solid @loaderFillColor;

} .ui.tab.loading:after, .ui.tab.loading.segment:after {

position: absolute;
content: '';
top: @loaderDistanceFromTop;
left: 50%;

margin: @loaderMargin;
width: @loaderSize;
height: @loaderSize;

animation: button-spin @loaderSpeed linear;
animation-iteration-count: infinite;

border-radius: @circularRadius;

border-color: @loaderLineColor transparent transparent;
border-style: solid;
border-width: @loaderLineWidth;

box-shadow: 0px 0px 0px 1px transparent;

}

.loadUIOverrides();