Added CenteredVertically component

aeagle · Jul 22, 2019 · 2583456 · 2583456
1 parent a5ba941
commit 2583456
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/react-spaces/src/components/Centered.scss b/react-spaces/src/components/Centered.scss
@@ -1,6 +1,10 @@
-.spaces-centered {
-	text-align: center;
+.spaces-centered-vertically {
 	position: relative;
 	top: 50%;
 	transform: translateY(-50%);
+}
+
+.spaces-centered {
+	@extend .spaces-centered-vertically;
+	text-align: center;
 }
diff --git a/react-spaces/src/components/Centered.tsx b/react-spaces/src/components/Centered.tsx
@@ -5,4 +5,10 @@ export const Centered : React.FC = (props) => (
 	<div className='spaces-centered'>
 		{props.children}
 	</div>
+)
+
+export const CenteredVertically : React.FC = (props) => (
+	<div className='spaces-centered-vertically'>
+		{props.children}
+	</div>
 )