github.com/fanux/shipyard@v0.0.0-20161009071005-6515ce223235/controller/static/semantic/src/definitions/modules/tab.less (about)

     1  /*!
     2   * # Semantic UI - Tab
     3   * http://github.com/semantic-org/semantic-ui/
     4   *
     5   *
     6   * Copyright 2014 Contributors
     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 : 'tab';
    19  
    20  @import (multiple) '../../theme.config';
    21  
    22  /*******************************
    23             UI Tabs
    24  *******************************/
    25  
    26  .ui.tab {
    27    display: none;
    28  }
    29  
    30  /*******************************
    31               States
    32  *******************************/
    33  
    34  /*--------------------
    35         Active
    36  ---------------------*/
    37  
    38  .ui.tab.active,
    39  .ui.tab.open {
    40    display: block;
    41  }
    42  
    43  /*--------------------
    44         Loading
    45  ---------------------*/
    46  
    47  .ui.tab.loading {
    48    position: relative;
    49    overflow: hidden;
    50    display: block;
    51    min-height: @loadingMinHeight;
    52  }
    53  .ui.tab.loading * {
    54    position: @loadingContentPosition !important;
    55    left: @loadingContentOffset !important;
    56  }
    57  
    58  .ui.tab.loading:before,
    59  .ui.tab.loading.segment:before {
    60    position: absolute;
    61    content: '';
    62    top: @loaderDistanceFromTop;
    63    left: 50%;
    64  
    65    margin: @loaderMargin;
    66    width: @loaderSize;
    67    height: @loaderSize;
    68  
    69    border-radius: @circularRadius;
    70    border: @loaderLineWidth solid @loaderFillColor;
    71  }
    72  .ui.tab.loading:after,
    73  .ui.tab.loading.segment:after {
    74    position: absolute;
    75    content: '';
    76    top: @loaderDistanceFromTop;
    77    left: 50%;
    78  
    79    margin: @loaderMargin;
    80    width: @loaderSize;
    81    height: @loaderSize;
    82  
    83    animation: button-spin @loaderSpeed linear;
    84    animation-iteration-count: infinite;
    85  
    86    border-radius: @circularRadius;
    87  
    88    border-color: @loaderLineColor transparent transparent;
    89    border-style: solid;
    90    border-width: @loaderLineWidth;
    91  
    92    box-shadow: 0px 0px 0px 1px transparent;
    93  }
    94  
    95  .loadUIOverrides();