Fix: Import correct styling for flyout component (#325)

box · Jan 23, 2019 · 14d65f6 · 14d65f6
1 parent 2bb86b1
commit 14d65f6
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/_common.scss b/src/_common.scss
@@ -14,12 +14,21 @@
     src: local('Lato Bold'), local('Lato-Bold'), url('https://cdn01.boxcdn.net/fonts/1.0.2/lato/Lato-Bold.woff2') format('woff2'), url('https://cdn01.boxcdn.net/fonts/1.0.2/lato/Lato-Bold.woff') format('woff');
 }
 
+.flyout-overlay {
+    @import '~box-react-ui/lib/styles/common/overlay';
+    @import '~box-react-ui/lib/styles/common/links';
+    @import '~box-react-ui/lib/styles/common/buttons';
+}
+
 .ba {
     @include reset;
 
+    /* stylelint-disable no-duplicate-at-import-rules */
     @import '~box-react-ui/lib/styles/common/links';
-    @import '~box-react-ui/lib/styles/common/forms';
     @import '~box-react-ui/lib/styles/common/buttons';
+    /* stylelint-enable no-duplicate-at-import-rules */
+
+    @import '~box-react-ui/lib/styles/common/forms';
 
     background: $white;
     border: 0 none;