github.com/fanux/shipyard@v0.0.0-20161009071005-6515ce223235/controller/static/semantic/src/definitions/modules/transition.less (about) 1 /*! 2 * # Semantic UI - Transition 3 * http://github.com/semantic-org/semantic-ui/ 4 * 5 * 6 * Copyright 2014 Contributorss 7 * Released under the MIT license 8 * http://opensource.org/licenses/MIT 9 * 10 */ 11 12 13 /******************************* 14 Theme 15 *******************************/ 16 17 @type : 'module'; 18 @element : 'transition'; 19 20 @import (multiple) '../../theme.config'; 21 22 /******************************* 23 Transitions 24 *******************************/ 25 26 .transition { 27 animation-iteration-count: 1; 28 animation-duration: @transitionDefaultDuration; 29 animation-timing-function: @transitionDefaultEasing; 30 animation-fill-mode: @transitionDefaultFill; 31 } 32 33 /******************************* 34 States 35 *******************************/ 36 37 38 /* Animating */ 39 .animating.transition { 40 backface-visibility: @backfaceVisibility; 41 transform: @use3DAcceleration; 42 visibility: visible !important; 43 } 44 45 /* Loading */ 46 .loading.transition { 47 position: absolute; 48 top: -99999px; 49 left: -99999px; 50 } 51 52 /* Hidden */ 53 .hidden.transition { 54 display: none; 55 visibility: hidden; 56 } 57 58 /* Visible */ 59 .visible.transition { 60 display: block !important; 61 visibility: visible !important; 62 backface-visibility: @backfaceVisibility; 63 transform: @use3DAcceleration; 64 } 65 66 /* Disabled */ 67 .disabled.transition { 68 animation-play-state: paused; 69 } 70 71 /******************************* 72 Variations 73 *******************************/ 74 75 .looping.transition { 76 animation-iteration-count: infinite; 77 } 78 79 80 .loadUIOverrides();