replace values in focus mixin with variables
This commit is contained in:
parent
40435c925c
commit
5e037eb64d
@ -1,15 +1,18 @@
|
||||
@mixin elementFocus($color: #0F70D7){
|
||||
@import "/imports/ui/stylesheets/variables/palette";
|
||||
@import "/imports/ui/stylesheets/variables/general";
|
||||
|
||||
@mixin elementFocus($color: $color-primary){
|
||||
&:focus {
|
||||
outline: none;
|
||||
box-shadow: inset 0 0 0 3px $color;
|
||||
border-radius: 2px;
|
||||
box-shadow: inset 0 0 0 $border-size-large $color;
|
||||
border-radius: $border-size;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin inputFocus($shadow, $color: #0F70D7) {
|
||||
@mixin inputFocus($shadow, $color: $color-primary) {
|
||||
&:focus {
|
||||
outline: none;
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 2px $shadow, inset 0 0 0 1px $color;
|
||||
border-radius: $border-size;
|
||||
box-shadow: 0 0 0 $border-size $shadow, inset 0 0 0 1px $color;
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user