Improve form layout

This commit is contained in:
John Furrow
2016-06-02 22:29:13 -07:00
parent 2bb9112d13
commit 1c02bc492e
12 changed files with 92 additions and 60 deletions
+7 -3
View File
@@ -29,11 +29,16 @@ $modal--content--padding--left: $spacing-unit;
$modal--actions--margin--top: $spacing-unit;
$modal--tabs--margin--top: $spacing-unit * 2/5;
$modal--tabs--margin--top: $spacing-unit * 1/5;
$modal--tabs--margin--right: $spacing-unit * -1/5;
$modal--tabs--margin--bottom: 0;
$modal--tabs--margin--left: $spacing-unit * -1/5;
$modal--vertical--tabs--margin--top: $spacing-unit * 1/5;
$modal--vertical--tabs--margin--right: 0;
$modal--vertical--tabs--margin--bottom: 0;
$modal--vertical--tabs--margin--left: $modal--padding--horizontal * -1;
$modal--tabs--padding--top: $spacing-unit * 1/5;
$modal--tabs--padding--right: $spacing-unit * 1/5;
$modal--tabs--padding--bottom: $spacing-unit * 2/5;
@@ -118,7 +123,6 @@ $modal--tabs--in-body--background: #11171d;
flex: 0 0 auto;
font-size: 1.25em;
font-weight: 400;
line-height: 1;
overflow: hidden;
padding: $modal--padding--vertical $modal--padding--horizontal;
@@ -312,7 +316,7 @@ $modal--tabs--in-body--background: #11171d;
.modal {
&__tabs {
margin: $modal--padding--vertical 0 0 $modal--padding--horizontal * -1;
margin: $modal--vertical--tabs--margin--top $modal--vertical--tabs--margin--right $modal--vertical--tabs--margin--bottom $modal--vertical--tabs--margin--left;
.modal {