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.
87 lines
1.6 KiB
87 lines
1.6 KiB
/*
|
|
* # Semantic - Transition
|
|
* http://github.com/semantic-org/semantic-ui/
|
|
*
|
|
*
|
|
* Copyright 2014 Contributors
|
|
* Released under the MIT license
|
|
* http://opensource.org/licenses/MIT
|
|
*
|
|
*/
|
|
|
|
/*******************************
|
|
Theme
|
|
*******************************/
|
|
|
|
@type : 'module';
|
|
@element : 'transition';
|
|
|
|
@import '../../semantic.config';
|
|
|
|
|
|
/*******************************
|
|
Transitions
|
|
*******************************/
|
|
|
|
/*
|
|
Some transitions adapted from Animate CSS
|
|
https://github.com/daneden/animate.css
|
|
*/
|
|
|
|
|
|
.transition {
|
|
animation-iteration-count: 1;
|
|
animation-duration: @transitionDefaultDuration;
|
|
animation-timing-function: @transitionDefaultEasing;
|
|
animation-fill-mode: @transitionDefaultFill;
|
|
}
|
|
|
|
/*******************************
|
|
States
|
|
*******************************/
|
|
|
|
.animating.transition {
|
|
display: block !important;
|
|
backface-visibility: @backfaceVisibility;
|
|
transform: @use3DAcceleration;
|
|
}
|
|
|
|
/* Loading */
|
|
.loading.transition {
|
|
position: absolute;
|
|
top: -999999px;
|
|
left: -99999px;
|
|
}
|
|
|
|
/* Hidden */
|
|
.hidden.transition {
|
|
display: none;
|
|
}
|
|
|
|
/* Visible */
|
|
.visible.transition {
|
|
display: block !important;
|
|
visibility: visible;
|
|
backface-visibility: @backfaceVisibility;
|
|
transform: @use3DAcceleration;
|
|
}
|
|
|
|
/* Disabled */
|
|
.disabled.transition {
|
|
animation-play-state: paused;
|
|
}
|
|
|
|
/*******************************
|
|
Variations
|
|
*******************************/
|
|
|
|
.looping.transition {
|
|
animation-iteration-count: infinite;
|
|
}
|
|
|
|
|
|
/*******************************
|
|
Types
|
|
*******************************/
|
|
|
|
.loadUIOverrides();
|