Adding margin xl to Heading layout component
This commit is contained in:
parent
13b28dc51f
commit
0897ab8f35
|
@ -10,7 +10,7 @@ type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4';
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
align?: 'left' | 'center' | 'right',
|
align?: 'left' | 'center' | 'right',
|
||||||
margin?: 'sm' | 'md' | 'lg',
|
margin?: 'sm' | 'md' | 'lg' | 'xl',
|
||||||
tag: HeadingTag,
|
tag: HeadingTag,
|
||||||
truncate?: boolean,
|
truncate?: boolean,
|
||||||
children: React$Node,
|
children: React$Node,
|
||||||
|
|
|
@ -54,3 +54,7 @@
|
||||||
.marginLg {
|
.marginLg {
|
||||||
margin: 0 0 $lg 0;
|
margin: 0 0 $lg 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.marginXl {
|
||||||
|
margin: 0 0 $xl 0;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue