You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
79 lines
1.4 KiB
79 lines
1.4 KiB
/*!
|
|
* # Semantic UI - Transition
|
|
* http://github.com/semantic-org/semantic-ui/
|
|
*
|
|
*
|
|
* Copyright 2014 Contributorss
|
|
* 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;
|
|
}
|
|
|
|
/* 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: rotateZ(0deg);
|
|
}
|
|
|
|
/* Disabled */
|
|
.disabled.transition {
|
|
animation-play-state: paused;
|
|
}
|
|
|
|
/*******************************
|
|
Variations
|
|
*******************************/
|
|
|
|
.looping.transition {
|
|
animation-iteration-count: infinite;
|
|
}
|
|
|
|
|
|
.loadUIOverrides();
|