make DotButton content overflow & add depart styling

This commit is contained in:
axolotle
2021-06-28 13:05:26 +02:00
parent e2e99dc397
commit 21801c1cef
5 changed files with 50 additions and 8 deletions
+13 -1
View File
@@ -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