Move constrained max-width into a variable.

elastic · Apr 30, 2018 · 9358b8d · 9358b8d
1 parent 869fcd9
commit 9358b8d
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 10 deletions.
diff --git a/src/components/empty_prompt/_empty_prompt.scss b/src/components/empty_prompt/_empty_prompt.scss
@@ -1,7 +1,7 @@
-@import '../text/_mixins';
+@import '../text/_variables';
 
 .euiEmptyPrompt {
-  @include euiTextConstrainedWidth;
+  max-width: $euiTextConstrainedMaxWidth;
   text-align: center;
   padding: $euiSizeL;
   margin: auto;

diff --git a/src/components/text/_index.scss b/src/components/text/_index.scss
@@ -1,4 +1,4 @@
-@import 'mixins';
+@import 'variables';
 @import 'text';
 @import 'text_color';
 @import 'text_align';
diff --git a/src/components/text/_mixins.scss b/src/components/text/_mixins.scss
diff --git a/src/components/text/_text.scss b/src/components/text/_text.scss
@@ -193,7 +193,10 @@
   @include euiScaleText($euiFontSize);
 
   &.euiText--constrainedWidth {
-    @include euiTextConstrainedWidth;
+    max-width: $euiTextConstrainedMaxWidth;
+    // If the max-width is way too short of the width of the container,
+    // at least make it 2/3 of it's parent
+    min-width: 75%;
   }
 
   &.euiText--small {

diff --git a/src/components/text/_variables.scss b/src/components/text/_variables.scss
@@ -0,0 +1 @@
+$euiTextConstrainedMaxWidth: 36em;