|
3124 | 3124 | margin-left: -@basicColoredBorderSize; |
3125 | 3125 | } |
3126 | 3126 |
|
| 3127 | +/* Inverted */ |
| 3128 | +.ui.inverted.primary.buttons .button, |
| 3129 | +.ui.inverted.primary.button { |
| 3130 | + background-color: transparent; |
| 3131 | + box-shadow: 0px 0px 0px @invertedBorderSize @lightPrimaryColor inset !important; |
| 3132 | + color: @lightPrimaryColor; |
| 3133 | +} |
| 3134 | +.ui.inverted.primary.buttons .button:hover, |
| 3135 | +.ui.inverted.primary.button:hover, |
| 3136 | +.ui.inverted.primary.buttons .button:focus, |
| 3137 | +.ui.inverted.primary.button:focus, |
| 3138 | +.ui.inverted.primary.buttons .button.active, |
| 3139 | +.ui.inverted.primary.button.active, |
| 3140 | +.ui.inverted.primary.buttons .button:active, |
| 3141 | +.ui.inverted.primary.button:active { |
| 3142 | + box-shadow: none !important; |
| 3143 | + color: @lightPrimaryTextColor; |
| 3144 | +} |
| 3145 | +.ui.inverted.primary.buttons .button:hover, |
| 3146 | +.ui.inverted.primary.button:hover { |
| 3147 | + background-color: @lightPrimaryColorHover; |
| 3148 | +} |
| 3149 | +.ui.inverted.primary.buttons .button:focus, |
| 3150 | +.ui.inverted.primary.button:focus { |
| 3151 | + background-color: @lightPrimaryColorFocus; |
| 3152 | +} |
| 3153 | +.ui.inverted.primary.buttons .active.button, |
| 3154 | +.ui.inverted.primary.active.button { |
| 3155 | + background-color: @lightPrimaryColorActive; |
| 3156 | +} |
| 3157 | +.ui.inverted.primary.buttons .button:active, |
| 3158 | +.ui.inverted.primary.button:active { |
| 3159 | + background-color: @lightPrimaryColorDown; |
| 3160 | +} |
| 3161 | + |
| 3162 | +/* Inverted Basic */ |
| 3163 | +.ui.inverted.primary.basic.buttons .button, |
| 3164 | +.ui.inverted.primary.buttons .basic.button, |
| 3165 | +.ui.inverted.primary.basic.button { |
| 3166 | + background-color: transparent; |
| 3167 | + box-shadow: @basicInvertedBoxShadow !important; |
| 3168 | + color: @white !important; |
| 3169 | +} |
| 3170 | +.ui.inverted.primary.basic.buttons .button:hover, |
| 3171 | +.ui.inverted.primary.buttons .basic.button:hover, |
| 3172 | +.ui.inverted.primary.basic.button:hover { |
| 3173 | + box-shadow: 0px 0px 0px @invertedBorderSize @lightPrimaryColorHover inset !important; |
| 3174 | + color: @lightPrimaryColor !important; |
| 3175 | +} |
| 3176 | +.ui.inverted.primary.basic.buttons .button:focus, |
| 3177 | +.ui.inverted.primary.basic.buttons .button:focus, |
| 3178 | +.ui.inverted.primary.basic.button:focus { |
| 3179 | + box-shadow: 0px 0px 0px @invertedBorderSize @lightPrimaryColorFocus inset !important; |
| 3180 | + color: @lightPrimaryColor !important; |
| 3181 | +} |
| 3182 | +.ui.inverted.primary.basic.buttons .active.button, |
| 3183 | +.ui.inverted.primary.buttons .basic.active.button, |
| 3184 | +.ui.inverted.primary.basic.active.button { |
| 3185 | + box-shadow: 0px 0px 0px @invertedBorderSize @lightPrimaryColorActive inset !important; |
| 3186 | + color: @lightPrimaryColor !important; |
| 3187 | +} |
| 3188 | +.ui.inverted.primary.basic.buttons .button:active, |
| 3189 | +.ui.inverted.primary.buttons .basic.button:active, |
| 3190 | +.ui.inverted.primary.basic.button:active { |
| 3191 | + box-shadow: 0px 0px 0px @invertedBorderSize @lightPrimaryColorDown inset !important; |
| 3192 | + color: @lightPrimaryColor !important; |
| 3193 | +} |
| 3194 | + |
3127 | 3195 | /*------------------- |
3128 | 3196 | Secondary |
3129 | 3197 | --------------------*/ |
|
3199 | 3267 | margin-left: -@basicColoredBorderSize; |
3200 | 3268 | } |
3201 | 3269 |
|
| 3270 | +/* Inverted */ |
| 3271 | +.ui.inverted.secondary.buttons .button, |
| 3272 | +.ui.inverted.secondary.button { |
| 3273 | + background-color: transparent; |
| 3274 | + box-shadow: 0px 0px 0px @invertedBorderSize @lightSecondaryColor inset !important; |
| 3275 | + color: @lightSecondaryColor; |
| 3276 | +} |
| 3277 | +.ui.inverted.secondary.buttons .button:hover, |
| 3278 | +.ui.inverted.secondary.button:hover, |
| 3279 | +.ui.inverted.secondary.buttons .button:focus, |
| 3280 | +.ui.inverted.secondary.button:focus, |
| 3281 | +.ui.inverted.secondary.buttons .button.active, |
| 3282 | +.ui.inverted.secondary.button.active, |
| 3283 | +.ui.inverted.secondary.buttons .button:active, |
| 3284 | +.ui.inverted.secondary.button:active { |
| 3285 | + box-shadow: none !important; |
| 3286 | + color: @lightSecondaryTextColor; |
| 3287 | +} |
| 3288 | +.ui.inverted.secondary.buttons .button:hover, |
| 3289 | +.ui.inverted.secondary.button:hover { |
| 3290 | + background-color: @lightSecondaryColorHover; |
| 3291 | +} |
| 3292 | +.ui.inverted.secondary.buttons .button:focus, |
| 3293 | +.ui.inverted.secondary.button:focus { |
| 3294 | + background-color: @lightSecondaryColorFocus; |
| 3295 | +} |
| 3296 | +.ui.inverted.secondary.buttons .active.button, |
| 3297 | +.ui.inverted.secondary.active.button { |
| 3298 | + background-color: @lightSecondaryColorActive; |
| 3299 | +} |
| 3300 | +.ui.inverted.secondary.buttons .button:active, |
| 3301 | +.ui.inverted.secondary.button:active { |
| 3302 | + background-color: @lightSecondaryColorDown; |
| 3303 | +} |
| 3304 | + |
| 3305 | +/* Inverted Basic */ |
| 3306 | +.ui.inverted.secondary.basic.buttons .button, |
| 3307 | +.ui.inverted.secondary.buttons .basic.button, |
| 3308 | +.ui.inverted.secondary.basic.button { |
| 3309 | + background-color: transparent; |
| 3310 | + box-shadow: @basicInvertedBoxShadow !important; |
| 3311 | + color: @white !important; |
| 3312 | +} |
| 3313 | +.ui.inverted.secondary.basic.buttons .button:hover, |
| 3314 | +.ui.inverted.secondary.buttons .basic.button:hover, |
| 3315 | +.ui.inverted.secondary.basic.button:hover { |
| 3316 | + box-shadow: 0px 0px 0px @invertedBorderSize @lightSecondaryColorHover inset !important; |
| 3317 | + color: @lightSecondaryColor !important; |
| 3318 | +} |
| 3319 | +.ui.inverted.secondary.basic.buttons .button:focus, |
| 3320 | +.ui.inverted.secondary.basic.buttons .button:focus, |
| 3321 | +.ui.inverted.secondary.basic.button:focus { |
| 3322 | + box-shadow: 0px 0px 0px @invertedBorderSize @lightSecondaryColorFocus inset !important; |
| 3323 | + color: @lightSecondaryColor !important; |
| 3324 | +} |
| 3325 | +.ui.inverted.secondary.basic.buttons .active.button, |
| 3326 | +.ui.inverted.secondary.buttons .basic.active.button, |
| 3327 | +.ui.inverted.secondary.basic.active.button { |
| 3328 | + box-shadow: 0px 0px 0px @invertedBorderSize @lightSecondaryColorActive inset !important; |
| 3329 | + color: @lightSecondaryColor !important; |
| 3330 | +} |
| 3331 | +.ui.inverted.secondary.basic.buttons .button:active, |
| 3332 | +.ui.inverted.secondary.buttons .basic.button:active, |
| 3333 | +.ui.inverted.secondary.basic.button:active { |
| 3334 | + box-shadow: 0px 0px 0px @invertedBorderSize @lightSecondaryColorDown inset !important; |
| 3335 | + color: @lightSecondaryColor !important; |
| 3336 | +} |
| 3337 | + |
3202 | 3338 | /*--------------- |
3203 | 3339 | Positive |
3204 | 3340 | ----------------*/ |
|
3423 | 3559 | } |
3424 | 3560 |
|
3425 | 3561 | .loadUIOverrides(); |
3426 | | - |
|
0 commit comments