We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent a5ba941 commit 2583456Copy full SHA for 2583456
react-spaces/src/components/Centered.scss
@@ -1,6 +1,10 @@
1
-.spaces-centered {
2
- text-align: center;
+.spaces-centered-vertically {
3
position: relative;
4
top: 50%;
5
transform: translateY(-50%);
+}
6
+
7
+.spaces-centered {
8
+ @extend .spaces-centered-vertically;
9
+ text-align: center;
10
}
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) => (
11
+ <div className='spaces-centered-vertically'>
12
+ {props.children}
13
+ </div>
14
)
0 commit comments