add back top level mixin and variable files

Author: flash1293

x-pack/plugins/lens/public/_mixins.scss

@@ -0,0 +1,13 @@
+// sass-lint:disable-block indentation, no-color-keywords
+
+// SASSTODO: Create this in EUI
+@mixin lnsOverflowShadowHorizontal {
+  $hideHeight: $euiScrollBarCorner * 1.25;
+  mask-image: linear-gradient(
+    to right,
+    transparentize(red, .9) 0%,
+    transparentize(red, 0) $hideHeight,
+    transparentize(red, 0) calc(100% - #{$hideHeight}),
+    transparentize(red, .9) 100%
+  );
+}

x-pack/plugins/lens/public/_variables.scss

@@ -0,0 +1,5 @@
+$lnsPanelMinWidth: $euiSize * 18;
+
+// These sizes also match canvas' page thumbnails for consistency
+$lnsSuggestionHeight: 100px;
+$lnsSuggestionWidth: 150px;

x-pack/plugins/lens/public/editor_frame_service/editor_frame/_suggestion_panel.scss

@@ -1,20 +1,5 @@
-// sass-lint:disable-block indentation, no-color-keywords
-
-// SASSTODO: Create this in EUI
-@mixin lnsOverflowShadowHorizontal {
-  $hideHeight: $euiScrollBarCorner * 1.25;
-  mask-image: linear-gradient(
-    to right,
-    transparentize(red, .9) 0%,
-    transparentize(red, 0) $hideHeight,
-    transparentize(red, 0) calc(100% - #{$hideHeight}),
-    transparentize(red, .9) 100%
-  );
-}
-
-// These sizes also match canvas' page thumbnails for consistency
-$lnsSuggestionHeight: 100px;
-$lnsSuggestionWidth: 150px;
+@import '../../mixins';
+@import '../../variables';
 
 .lnsSuggestionPanel__title {
   margin-left: $euiSizeXS / 2;