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();