From 783b08cbb66182e5c508f1e596a09e368f27f9ee Mon Sep 17 00:00:00 2001 From: Jack Lukic Date: Fri, 14 Aug 2015 15:50:00 -0400 Subject: [PATCH] #2635 Fixes issue with inverted active state not being defined, adds inverted focus state --- src/definitions/elements/button.less | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/src/definitions/elements/button.less b/src/definitions/elements/button.less index 099b78930..7e82730ce 100755 --- a/src/definitions/elements/button.less +++ b/src/definitions/elements/button.less @@ -352,17 +352,30 @@ } /* States */ + +/* Hover */ .ui.inverted.button:hover { background: @white; box-shadow: 0px 0px 0px @invertedBorderSize @white inset !important; color: @hoverColor; } -.ui.inverted.button:focus { + +/* Active / Focus */ +.ui.inverted.button:focus, +.ui.inverted.button.active { background: @white; box-shadow: 0px 0px 0px @invertedBorderSize @white inset !important; color: @focusColor; } +/* Active Focus */ +.ui.inverted.button.active:focus { + background: @midWhite; + box-shadow: 0px 0px 0px @invertedBorderSize @midWhite inset !important; + color: @focusColor; +} + + /*------------------- Labeled Button --------------------*/