wishthis/semantic/dist/components/tab.css

89 lines
1.6 KiB
CSS
Raw Normal View History

2022-04-05 18:01:56 +00:00
/*!
2022-10-03 13:12:57 +00:00
* # Fomantic-UI 2.9.0-beta.324+80dca46 - Tab
2022-04-05 18:01:56 +00:00
* http://github.com/fomantic/Fomantic-UI/
*
*
* Released under the MIT license
* http://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;
}
2022-08-05 09:25:53 +00:00
.ui.tab.loading::before,
.ui.tab.loading.segment::before {
2022-04-05 18:01:56 +00:00
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);
}
2022-08-05 09:25:53 +00:00
.ui.tab.loading::after,
.ui.tab.loading.segment::after {
2022-04-05 18:01:56 +00:00
position: absolute;
content: '';
top: 50%;
left: 50%;
margin: -1.25em 0 0 -1.25em;
width: 2.5em;
height: 2.5em;
-webkit-animation: loader 0.6s infinite linear;
animation: loader 0.6s infinite linear;
border: 0.2em solid #767676;
border-radius: 500rem;
-webkit-box-shadow: 0 0 0 1px transparent;
box-shadow: 0 0 0 1px transparent;
}
/*******************************
Tab Overrides
*******************************/
/*******************************
User Overrides
*******************************/