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

     1  /*!
     2   * # Semantic UI - Rating
     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 : 'rating';
    19  
    20  @import (multiple) '../../theme.config';
    21  
    22  /*******************************
    23             Rating
    24  *******************************/
    25  
    26  .ui.rating {
    27    display: @display;
    28    vertical-align: @verticalAlign;
    29  }
    30  .ui.rating:last-child {
    31    margin-right: 0em;
    32  }
    33  
    34  .ui.rating:before {
    35    display: block;
    36    content: '';
    37    visibility: hidden;
    38    clear: both;
    39    height: 0;
    40  }
    41  
    42  /* Icon */
    43  .ui.rating .icon {
    44    cursor: pointer;
    45  
    46    margin: 0em;
    47    width: @iconWidth;
    48    height: auto;
    49    text-align: center;
    50    padding: 0em;
    51    font-weight: normal;
    52    font-style: normal;
    53  }
    54  
    55  
    56  /*******************************
    57               Types
    58  *******************************/
    59  
    60  /*-------------------
    61          Star
    62  --------------------*/
    63  
    64  /* Inactive */
    65  .ui.star.rating .icon {
    66    width: @starIconWidth;
    67    color: @starInactiveColor;
    68  }
    69  
    70  /* Active Star */
    71  .ui.star.rating .active.icon {
    72    color: @starActiveColor !important;
    73    text-shadow: @starActiveShadow;
    74  }
    75  
    76  /* Selected Star */
    77  .ui.star.rating .icon.selected,
    78  .ui.star.rating .icon.selected.active {
    79    color: @starSelectedColor !important;
    80  }
    81  
    82  .ui.star.rating.partial {
    83    position: relative;
    84    z-index: 1;
    85  }
    86  .ui.star.rating.partial:before {
    87    position: absolute;
    88    z-index: -1;
    89  }
    90  
    91  
    92  
    93  /*-------------------
    94          Heart
    95  --------------------*/
    96  
    97  .ui.heart.rating .icon {
    98    width: @heartIconWidth;
    99    color: @heartInactiveColor;
   100  }
   101  
   102  /* Active Heart */
   103  .ui.heart.rating .active.icon {
   104    color: @heartActiveColor !important;
   105    text-shadow: @heartActiveShadow;
   106  }
   107  
   108  /* Selected Heart */
   109  .ui.heart.rating .icon.selected,
   110  .ui.heart.rating .icon.selected.active {
   111    color: @heartSelectedColor !important;
   112  }
   113  
   114  
   115  /*******************************
   116               States
   117  *******************************/
   118  
   119  
   120  /* Inactive Icon */
   121  .ui.rating .icon {
   122    color: @inactiveColor;
   123  }
   124  
   125  /* Active Icon */
   126  .ui.rating .active.icon {
   127    color: @activeColor;
   128  }
   129  
   130  /* Selected Icon */
   131  .ui.rating .icon.selected,
   132  .ui.rating .icon.selected.active {
   133    color: @hoverColor;
   134  }
   135  
   136  
   137  /*-------------------
   138         Disabled
   139  --------------------*/
   140  
   141  /* disabled rating */
   142  .ui.disabled.rating .icon {
   143    cursor: default;
   144  }
   145  
   146  
   147  /*-------------------
   148       Interacting (Active)
   149  --------------------*/
   150  
   151  /* Selected Rating */
   152  .ui.rating.selected .active.icon {
   153    opacity: @interactiveIconOpacity;
   154  }
   155  .ui.rating.selected .icon.selected,
   156  .ui.rating .icon.selected {
   157    opacity: @interactiveSelectedIconOpacity;
   158  }
   159  
   160  
   161  
   162  /*******************************
   163            Variations
   164  *******************************/
   165  
   166  .ui.mini.rating .icon {
   167    font-size: @mini;
   168  }
   169  .ui.tiny.rating .icon {
   170    font-size: @tiny;
   171  }
   172  .ui.small.rating .icon {
   173    font-size: @small;
   174  }
   175  .ui.rating .icon {
   176    font-size: @medium;
   177  }
   178  .ui.large.rating .icon {
   179    font-size: @large;
   180  }
   181  .ui.huge.rating .icon {
   182    font-size: @huge;
   183  }
   184  .ui.massive.rating .icon {
   185    font-size: @massive;
   186  }
   187  
   188  
   189  .loadUIOverrides();