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

     1  /*!
     2   * # Semantic UI - Breadcrumb
     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    : 'collection';
    17  @element : 'breadcrumb';
    18  
    19  @import (multiple) '../../theme.config';
    20  
    21  
    22  /*******************************
    23             Breadcrumb
    24  *******************************/
    25  
    26  .ui.breadcrumb {
    27    margin: @verticalMargin 0em;
    28    display: @display;
    29    vertical-align: @verticalAlign;
    30  }
    31  .ui.breadcrumb:first-child {
    32    margin-top: 0em;
    33  }
    34  .ui.breadcrumb:last-child {
    35    margin-bottom: 0em;
    36  }
    37  
    38  /*******************************
    39            Content
    40  *******************************/
    41  
    42  /* Divider */
    43  .ui.breadcrumb .divider {
    44    display: inline-block;
    45    opacity: @dividerOpacity;
    46    margin: 0em @dividerSpacing 0em;
    47  
    48    font-size: @dividerSize;
    49    color: @dividerColor;
    50    vertical-align: @dividerVerticalAlign;
    51  }
    52  
    53  /* Link */
    54  .ui.breadcrumb a {
    55    color: @linkColor;
    56  }
    57  .ui.breadcrumb a:hover {
    58    color: @linkHoverColor;
    59  }
    60  
    61  
    62  /* Icon Divider */
    63  .ui.breadcrumb .icon.divider {
    64    font-size: @iconDividerSize;
    65    vertical-align: @iconDividerVerticalAlign;
    66  }
    67  
    68  /* Section */
    69  .ui.breadcrumb a.section {
    70    cursor: pointer;
    71  }
    72  .ui.breadcrumb .section {
    73    display: inline-block;
    74    margin: @sectionMargin;
    75    padding: @sectionPadding;
    76  }
    77  
    78  /* Loose Coupling */
    79  .ui.breadcrumb.segment {
    80    display: inline-block;
    81    padding: @segmentPadding;
    82  }
    83  
    84  /*******************************
    85              States
    86  *******************************/
    87  
    88  .ui.breadcrumb .active.section {
    89    font-weight: @activeFontWeight;
    90  }
    91  
    92  
    93  /*******************************
    94             Variations
    95  *******************************/
    96  
    97  .ui.mini.breadcrumb {
    98    font-size: @mini;
    99  }
   100  .ui.tiny.breadcrumb {
   101    font-size: @tiny;
   102  }
   103  .ui.small.breadcrumb {
   104    font-size: @small;
   105  }
   106  .ui.breadcrumb {
   107    font-size: @medium;
   108  }
   109  .ui.large.breadcrumb {
   110    font-size: @large;
   111  }
   112  .ui.big.breadcrumb {
   113    font-size: @big;
   114  }
   115  .ui.huge.breadcrumb {
   116    font-size: @huge;
   117  }
   118  .ui.massive.breadcrumb {
   119    font-size: @massive;
   120  }
   121  
   122  .loadUIOverrides();