|
@ -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 |
|
|
--------------------*/ |
|
|
--------------------*/ |
|
|