/* * # 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 ‘../../theme.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 */ .animating.transition {
backface-visibility: @backfaceVisibility; transform: @use3DAcceleration; 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: @use3DAcceleration;
}
/* Disabled */ .disabled.transition {
animation-play-state: paused;
}
/*******************************
Variations
*******************************/
.looping.transition {
animation-iteration-count: infinite;
}
/*******************************
Types
*******************************/
.loadUIOverrides();