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