remove important flags and add color constant
This commit is contained in:
parent
392d819905
commit
4a82fdf6c6
@ -1,6 +1,7 @@
|
||||
$focus-border-size: 2px;
|
||||
$focus-border-offset: -4px;
|
||||
$color-primary: #0F70D7 !default;
|
||||
$color-primary-input-shadow: lighten($color-primary, 35%);
|
||||
$user-list-bg: #F3F6F9;
|
||||
$color-white: #FFF;
|
||||
$list-item-bg-hover: darken($user-list-bg, 7%);
|
||||
@ -10,7 +11,7 @@ $list-item-bg-hover: darken($user-list-bg, 7%);
|
||||
border-radius: $focus-border-size;
|
||||
|
||||
&:focus {
|
||||
outline: none !important;
|
||||
outline: none;
|
||||
border: $focus-border-size solid $color-primary;
|
||||
}
|
||||
}
|
||||
@ -27,7 +28,7 @@ $list-item-bg-hover: darken($user-list-bg, 7%);
|
||||
&,
|
||||
&:active {
|
||||
&:focus {
|
||||
outline: none !important;
|
||||
outline: none;
|
||||
border: $focus-border-size solid $user-list-bg;
|
||||
border-left: $focus-border-size solid $color-primary;
|
||||
padding-left: $focus-border-size;
|
||||
@ -45,7 +46,7 @@ $list-item-bg-hover: darken($user-list-bg, 7%);
|
||||
&,
|
||||
&:active {
|
||||
&:focus {
|
||||
outline: none !important;
|
||||
outline: none;
|
||||
border-right: $focus-border-size solid $color-primary;
|
||||
border-bottom: 1px solid $color-primary;
|
||||
}
|
||||
@ -56,10 +57,10 @@ $list-item-bg-hover: darken($user-list-bg, 7%);
|
||||
&,
|
||||
&:active {
|
||||
&:focus {
|
||||
outline: none !important;
|
||||
outline: none;
|
||||
border: 1px solid $color-primary;
|
||||
border-radius: $focus-border-size;
|
||||
box-shadow: 0 0 0 2px rgba(15, 112, 215, 0.5);
|
||||
box-shadow: 0 0 0 2px $color-primary-input-shadow;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -71,7 +72,7 @@ $list-item-bg-hover: darken($user-list-bg, 7%);
|
||||
&,
|
||||
&:active {
|
||||
&:focus {
|
||||
outline: none !important;
|
||||
outline: none;
|
||||
border: $focus-border-size solid $color-primary;
|
||||
border-radius: $focus-border-size;
|
||||
}
|
||||
@ -87,7 +88,7 @@ $list-item-bg-hover: darken($user-list-bg, 7%);
|
||||
&,
|
||||
&:active {
|
||||
&:focus {
|
||||
outline: none !important;
|
||||
outline: none;
|
||||
|
||||
span:first-of-type::before {
|
||||
position: absolute;
|
||||
|
Loading…
Reference in New Issue
Block a user