82 lines
1.5 KiB
Text
82 lines
1.5 KiB
Text
/*!
|
|
* # Fomantic-UI - Transition
|
|
* http://github.com/fomantic/Fomantic-UI/
|
|
*
|
|
*
|
|
* Released under the MIT license
|
|
* http://opensource.org/licenses/MIT
|
|
*
|
|
*/
|
|
|
|
|
|
/*******************************
|
|
Theme
|
|
*******************************/
|
|
|
|
@type : 'module';
|
|
@element : 'transition';
|
|
|
|
@import (multiple) '../../theme.config';
|
|
|
|
/*******************************
|
|
Transitions
|
|
*******************************/
|
|
|
|
.transition {
|
|
animation-iteration-count: 1;
|
|
animation-duration: @transitionDefaultDuration;
|
|
animation-timing-function: @transitionDefaultEasing;
|
|
animation-fill-mode: @transitionDefaultFill;
|
|
}
|
|
|
|
/*******************************
|
|
States
|
|
*******************************/
|
|
|
|
|
|
/* Animating */
|
|
.animating.transition {
|
|
backface-visibility: @backfaceVisibility;
|
|
visibility: visible !important;
|
|
}
|
|
|
|
& when (@variationTransitionLoading) {
|
|
/* Loading */
|
|
.loading.transition {
|
|
position: absolute;
|
|
top: -99999px;
|
|
left: -99999px;
|
|
}
|
|
}
|
|
|
|
/* Hidden */
|
|
.hidden.transition {
|
|
display: none;
|
|
visibility: hidden;
|
|
}
|
|
|
|
/* Visible */
|
|
.visible.transition {
|
|
display: block !important;
|
|
visibility: visible !important;
|
|
/* backface-visibility: @backfaceVisibility;
|
|
transform: @use3DAcceleration;*/
|
|
}
|
|
|
|
& when (@variationTransitionDisabled) {
|
|
/* Disabled */
|
|
.disabled.transition {
|
|
animation-play-state: paused;
|
|
}
|
|
}
|
|
|
|
/*******************************
|
|
Variations
|
|
*******************************/
|
|
& when (@variationTransitionLoading) {
|
|
.looping.transition {
|
|
animation-iteration-count: infinite;
|
|
}
|
|
}
|
|
|
|
.loadUIOverrides();
|