drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use an added style and shadow for the focused element.

Browse source
This commit is contained in:
Graham Fairweather 2018-01-16 16:04:16 +01:00
parent 291acd27f3
commit 8cc60d2249
3 changed files with 25 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/styles/components/button.less
View file

@ -4,6 +4,11 @@
.btn;
.btn-default;
&.@{btn-prefix-cls}-focused {
box-shadow: 0 0 2px @link-hover-color, 0 0 2px @link-hover-color, 0 0 2px @link-hover-color, 0 0 2px @link-hover-color;
z-index: 1;
}
&-long{
width: 100%;
}

5
src/styles/mixins/button.less
View file

@ -27,11 +27,12 @@
.button-variant(@color; @background; @border) {
.button-color(@color; @background; @border);
&:hover,
&:focus
&:hover
// &:focus
{
.button-color(tint(@color, 20%); tint(@background, 20%); tint(@border, 20%));
}
&:active,
&.active {
.button-color(shade(@color, 5%); shade(@background, 5%); shade(@background, 5%));