wishthis/semantic/dist/components/tab.css
2023-12-19 15:45:49 +01:00

84 lines
1.5 KiB
CSS

/*!
* # Fomantic-UI 2.9.3 - Tab
* https://github.com/fomantic/Fomantic-UI/
*
*
* Released under the MIT license
* https://opensource.org/licenses/MIT
*
*/
/*******************************
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: 250px;
}
.ui.tab.loading * {
position: relative !important;
left: -10000px !important;
}
.ui.tab.loading::before,
.ui.tab.loading.segment::before {
position: absolute;
content: "";
top: 50%;
left: 50%;
margin: -1.25em 0 0 -1.25em;
width: 2.5em;
height: 2.5em;
border-radius: 500rem;
border: 0.2em solid rgba(0, 0, 0, 0.1);
}
.ui.tab.loading::after,
.ui.tab.loading.segment::after {
position: absolute;
content: "";
top: 50%;
left: 50%;
margin: -1.25em 0 0 -1.25em;
width: 2.5em;
height: 2.5em;
animation: loader 0.6s infinite linear;
border: 0.2em solid #767676;
border-radius: 500rem;
box-shadow: 0 0 0 1px transparent;
}
/*******************************
Tab Overrides
*******************************/
/*******************************
User Overrides
*******************************/