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

     1  /*!
     2   * # Semantic UI - Rail
     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              Theme
    14  *******************************/
    15  
    16  @type    : 'element';
    17  @element : 'rail';
    18  
    19  @import (multiple) '../../theme.config';
    20  
    21  /*******************************
    22               Rails
    23  *******************************/
    24  
    25  .ui.rail {
    26    position: absolute;
    27    top: 0%;
    28    width: @width;
    29    height: @height;
    30    box-sizing: @contentSizing;
    31  }
    32  
    33  .ui.left.rail {
    34    left: auto;
    35    right: 100%;
    36    padding: 0em (@distance / 2) 0em 0em;
    37    margin: 0em (@distance / 2) 0em 0em;
    38  }
    39  
    40  .ui.right.rail {
    41    left: 100%;
    42    right: auto;
    43    padding: 0em 0em 0em (@distance / 2);
    44    margin: 0em 0em 0em (@distance / 2);
    45  }
    46  
    47  /*******************************
    48             Variations
    49  *******************************/
    50  
    51  /*--------------
    52       Internal
    53  ---------------*/
    54  
    55  .ui.left.internal.rail {
    56    left: 0%;
    57    right: auto;
    58    padding: 0em 0em 0em (@distance / 2);
    59    margin: 0em 0em 0em (@distance / 2);
    60  }
    61  
    62  .ui.right.internal.rail {
    63    left: auto;
    64    right: 0%;
    65    padding: 0em (@distance / 2) 0em 0em;
    66    margin: 0em (@distance / 2) 0em 0em;
    67  }
    68  
    69  
    70  /*--------------
    71       Divided
    72  ---------------*/
    73  
    74  .ui.left.dividing.rail {
    75    padding: 0em (@dividedDistance / 2) 0em 0em;
    76    margin: 0em (@dividedDistance / 2) 0em 0em;
    77    border-right: @dividedBorder;
    78  }
    79  .ui.right.dividing.rail {
    80    border-left: @dividedBorder;
    81    padding: 0em 0em 0em (@dividedDistance / 2);
    82    margin: 0em 0em 0em (@dividedDistance / 2);
    83  }
    84  
    85  /*--------------
    86      Distance
    87  ---------------*/
    88  
    89  .ui.close.left.rail {
    90    padding: 0em (@closeDistance / 2) 0em 0em;
    91    margin: 0em (@closeDistance / 2) 0em 0em;
    92  }
    93  .ui.close.right.rail {
    94    padding: 0em 0em 0em (@closeDistance / 2);
    95    margin: 0em 0em 0em (@closeDistance / 2);
    96  }
    97  .ui.very.close.left.rail {
    98    padding: 0em (@veryCloseDistance / 2) 0em 0em;
    99    margin: 0em (@veryCloseDistance / 2) 0em 0em;
   100  }
   101  .ui.very.close.right.rail {
   102    padding: 0em 0em 0em (@veryCloseDistance / 2);
   103    margin: 0em 0em 0em (@veryCloseDistance / 2);
   104  }
   105  
   106  /*--------------
   107      Attached
   108  ---------------*/
   109  
   110  .ui.attached.left.rail,
   111  .ui.attached.right.rail {
   112    padding: 0em;
   113    margin: 0em;
   114  }
   115  
   116  /*--------------
   117       Sizing
   118  ---------------*/
   119  
   120  .ui.rail {
   121    font-size: @medium;
   122  }
   123  
   124  
   125  
   126  .loadUIOverrides();