fix: ghost button normal and field padding

carbon-design-system · Jul 11, 2019 · 5eac1c9 · 5eac1c9
1 parent e3332fe
commit 5eac1c9
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/packages/components/src/components/button/_button.scss b/packages/components/src/components/button/_button.scss
@@ -161,6 +161,10 @@
     &.#{$prefix}--btn--sm {
       padding: $button-padding-ghost-sm;
     }
+
+    &.#{$prefix}--btn--field {
+      padding: $button-padding-ghost-field;
+    }
   }
 
   .#{$prefix}--btn--icon-only {

diff --git a/packages/components/src/globals/scss/_theme-tokens.scss b/packages/components/src/globals/scss/_theme-tokens.scss
@@ -105,13 +105,18 @@
   /// @type Number
   /// @access public
   /// @group button
-  $button-padding-ghost: 11px 13px !default !global;
+  $button-padding-ghost: calc(0.875rem - 3px) 12px !default !global;
 
   /// @type Number
   /// @access public
   /// @group button
   $button-padding-ghost-sm: 0.375rem 1rem !default !global;
 
+  /// @type Number
+  /// @access public
+  /// @group button
+  $button-padding-ghost-field: calc(0.675rem - 3px) 12px !default !global;
+
   /// @type Number
   /// @access public
   /// @group button