Browse Source

#2635 Fixes issue with inverted active state not being defined, adds inverted focus state

pull/2850/head
Jack Lukic 9 years ago
parent
commit
783b08cbb6
1 changed files with 14 additions and 1 deletions
  1. 15
      src/definitions/elements/button.less

15
src/definitions/elements/button.less

@ -352,17 +352,30 @@
} }
/* States */ /* States */
/* Hover */
.ui.inverted.button:hover { .ui.inverted.button:hover {
background: @white; background: @white;
box-shadow: 0px 0px 0px @invertedBorderSize @white inset !important; box-shadow: 0px 0px 0px @invertedBorderSize @white inset !important;
color: @hoverColor; color: @hoverColor;
} }
.ui.inverted.button:focus {
/* Active / Focus */
.ui.inverted.button:focus,
.ui.inverted.button.active {
background: @white; background: @white;
box-shadow: 0px 0px 0px @invertedBorderSize @white inset !important; box-shadow: 0px 0px 0px @invertedBorderSize @white inset !important;
color: @focusColor; color: @focusColor;
} }
/* Active Focus */
.ui.inverted.button.active:focus {
background: @midWhite;
box-shadow: 0px 0px 0px @invertedBorderSize @midWhite inset !important;
color: @focusColor;
}
/*------------------- /*-------------------
Labeled Button Labeled Button
--------------------*/ --------------------*/

Loading…
Cancel
Save