fix: ensure some top and bottom margin between text skeletons

quid · Feb 6, 2019 · 8aa767f · 8aa767f
1 parent c3520a3
commit 8aa767f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/packages/react-core/src/Text/__snapshots__/index.test.js.snap b/packages/react-core/src/Text/__snapshots__/index.test.js.snap
@@ -18,6 +18,7 @@ exports[`renders a Skeleton with a different tag 1`] = `
 .emotion-0 {
   font-family: IBM Plex Sans,Lucida Grande,Tahoma,Verdana,Arial,sans-serif;
   color: #2E3338;
+  line-height: 2em;
   color: transparent;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -74,6 +75,7 @@ exports[`renders a Skeleton with set width 1`] = `
 .emotion-0 {
   font-family: IBM Plex Sans,Lucida Grande,Tahoma,Verdana,Arial,sans-serif;
   color: #2E3338;
+  line-height: 2em;
   color: transparent;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -152,6 +154,7 @@ exports[`renders the plain skeleton 1`] = `
 .emotion-0 {
   font-family: IBM Plex Sans,Lucida Grande,Tahoma,Verdana,Arial,sans-serif;
   color: #2E3338;
+  line-height: 2em;
   color: transparent;
   -webkit-user-select: none;
   -moz-user-select: none;

diff --git a/packages/react-core/src/Text/index.js b/packages/react-core/src/Text/index.js
@@ -63,6 +63,7 @@ const Skeleton: React.StatelessFunctionalComponent<SkeletonProps> = styled(
   }
 )`
   ${({ type = '' }) => textStyles(...type.split(' '))};
+  line-height: 2em;
   color: transparent;
   user-select: none;
   border-radius: 2px;