make DotButton content overflow & add depart styling
This commit is contained in:
@@ -12,12 +12,20 @@
|
||||
color: color-yiq($background);
|
||||
@include gradient-bg($background);
|
||||
border-color: $border;
|
||||
@include box-shadow($btn-box-shadow);
|
||||
// @include box-shadow($btn-box-shadow);
|
||||
@if $background == $white {
|
||||
box-shadow: 3px 5px 0 $dark;
|
||||
}
|
||||
|
||||
@include hover() {
|
||||
color: color-yiq($hover-background);
|
||||
@include gradient-bg($hover-background);
|
||||
border-color: $hover-border;
|
||||
|
||||
@if $background == $white {
|
||||
background-color: $white;
|
||||
border-color: $dark;
|
||||
}
|
||||
}
|
||||
|
||||
&:focus,
|
||||
@@ -25,6 +33,10 @@
|
||||
color: color-yiq($hover-background);
|
||||
@include gradient-bg($hover-background);
|
||||
border-color: $hover-border;
|
||||
@if $background == $white {
|
||||
background-color: $white;
|
||||
border-color: $dark;
|
||||
}
|
||||
}
|
||||
|
||||
// Disabled comes first so active can properly restyle
|
||||
|
||||
Reference in New Issue
Block a user