diff --git a/src-docs/src/views/text/text.js b/src-docs/src/views/text/text.js
index 85d3303652d..e4f10435348 100644
--- a/src-docs/src/views/text/text.js
+++ b/src-docs/src/views/text/text.js
@@ -2,6 +2,7 @@ import React from 'react';
import {
EuiText,
+ EuiHorizontalRule,
} from '../../../../src/components';
export default () => (
@@ -100,6 +101,29 @@ export default () => (
This is Heading Six
+
+
+
+
+ -
+ The Elder Scrolls: Morrowind
+
+ -
+ The opening music alone evokes such strong memories.
+
+ -
+ TIE Fighter
+
+ -
+ The sequel to XWING, join the dark side and fly for the Emporer.
+
+ -
+ Quake 2
+
+ -
+ The game that made me drop out of college.
+
+
);
diff --git a/src-docs/src/views/text/text_align.js b/src-docs/src/views/text/text_align.js
index b0e46802612..cee46b1cb16 100644
--- a/src-docs/src/views/text/text_align.js
+++ b/src-docs/src/views/text/text_align.js
@@ -25,7 +25,7 @@ export default () => (
You can also pass alignment to EuiText directly with a prop
- And in conjuction with coloring.
+ And in conjunction with coloring.
);
diff --git a/src-docs/src/views/text/text_small.js b/src-docs/src/views/text/text_small.js
index cf0772ec445..e1de7bb58e8 100644
--- a/src-docs/src/views/text/text_small.js
+++ b/src-docs/src/views/text/text_small.js
@@ -4,6 +4,7 @@ import {
EuiText,
EuiFlexGroup,
EuiFlexItem,
+ EuiHorizontalRule,
} from '../../../../src/components';
const exampleText = (
@@ -88,6 +89,29 @@ const exampleText = (
This is Heading Six
+
+
+
+
+ -
+ The Elder Scrolls: Morrowind
+
+ -
+ The opening music alone evokes such strong memories.
+
+ -
+ TIE Fighter
+
+ -
+ The sequel to XWING, join the dark side and fly for the Emporer.
+
+ -
+ Quake 2
+
+ -
+ The game that made me drop out of college.
+
+
);
diff --git a/src/components/text/_text.scss b/src/components/text/_text.scss
index 1a9e8f26a80..12d62c9e21b 100644
--- a/src/components/text/_text.scss
+++ b/src/components/text/_text.scss
@@ -55,7 +55,8 @@
line-height: convertToRem($baseLineHeightMultiplier * 4);
}
- h4 {
+ h4,
+ dt {
font-size: convertToRem($baseFontSize * nth($euiTextScale, 5)); // skip level 4 on purpose
}
@@ -110,10 +111,6 @@
list-style: decimal;
}
- dt {
- @include euiTitle("xs");
- }
-
blockquote {
position: relative;
text-align: center;
@@ -156,7 +153,8 @@
@include euiTitle("s");
}
- h4 {
+ h4,
+ dt {
@include euiTitle("xs");
}