➕ 🔖 Add $button-min-after-bottom $button-min-after-bordersize

fluid-framework · Jun 7, 2021 · a33098f · a33098f
1 parent 8b15243
commit a33098f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/_button.scss b/src/components/_button.scss
@@ -200,11 +200,11 @@
       content: "";
       position: absolute;
       right: 0;
-      bottom: -1px;
+      bottom: $button-min-after-bottom;
       left: 0;
       transform: scaleX(0);
       transform-origin: right;
-      border-bottom: $borderwidth-default * 2 solid;
+      border-bottom: $button-min-after-bordersize solid;
       @include transition($button-transition-minimal-before);
     }
 

diff --git a/src/settings/components/_button.scss b/src/settings/components/_button.scss
@@ -20,3 +20,6 @@ $button-padding-x:                               $controls-padding-x * 1.13333 !
 $button-transition-minimal-before:               transform .35s, border-bottom-color !default;
 
 $button-disabled-background:                     $controls-disabled-background !default;
+
+$button-min-after-bottom:                        -1px !default;
+$button-min-after-bordersize:                    $borderwidth-default * 2 !default;