replace values in focus mixin with variables

This commit is contained in:
KDSBrowne 2017-11-09 09:13:14 -08:00
parent 40435c925c
commit 5e037eb64d

View File

@ -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;
}
}