Fix IDE buttons hover styling

SCSS variables when used in calc functions need to be escaped.

Fix IDE buttons hover styling
SCSS variables when used in calc functions need to be escaped.
83063c9e · Himanshu Kapoor · 9ea6be0f · 83063c9e
Commit 83063c9e authored May 28, 2020 by Himanshu Kapoor
Hide whitespace changes
Inline Side-by-side

Showing with 1 addition and 1 deletion

app/assets/stylesheets/page_bundles/_ide_theme_overrides.scss ...assets/stylesheets/page_bundles/_ide_theme_overrides.scss +1 -1

No files found.
--- a/app/assets/stylesheets/page_bundles/_ide_theme_overrides.scss
+++ b/app/assets/stylesheets/page_bundles/_ide_theme_overrides.scss
@@ -221,7 +221,7 @@
  }

  @function calc-btn-hover-padding($original-padding, $original-border: 1px) {
-    @return calc(#{$original-padding + $original-border} - var(--ide-btn-hover-border-width, $original-border));
+    @return calc(#{$original-padding + $original-border} - var(--ide-btn-hover-border-width, #{$original-border}));
  }

  .btn:not(.btn-link):not([disabled]):hover {