style adjustments
This commit is contained in:
parent
5f5052f528
commit
98daee0ed3
@ -5,6 +5,10 @@
|
|||||||
margin-top: $gap * 4;
|
margin-top: $gap * 4;
|
||||||
margin-bottom: $gap * 4;
|
margin-bottom: $gap * 4;
|
||||||
|
|
||||||
|
&--tight {
|
||||||
|
margin-top: $gap * 2;
|
||||||
|
}
|
||||||
|
|
||||||
.usa-button,
|
.usa-button,
|
||||||
a {
|
a {
|
||||||
margin: 0 0 0 ($gap * 2);
|
margin: 0 0 0 ($gap * 2);
|
||||||
|
@ -246,6 +246,19 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.no-max-width {
|
||||||
|
padding-right: $gap * 3;
|
||||||
|
|
||||||
|
input, textarea, select, label {
|
||||||
|
max-width: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-validation {
|
||||||
|
left: auto;
|
||||||
|
right: - $gap * 4;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&.usa-input--error {
|
&.usa-input--error {
|
||||||
@include input-state('error');
|
@include input-state('error');
|
||||||
}
|
}
|
||||||
|
@ -15,6 +15,7 @@
|
|||||||
margin: 0 $gap;
|
margin: 0 $gap;
|
||||||
padding: 0 $gap;
|
padding: 0 $gap;
|
||||||
border-radius: $gap / 2;
|
border-radius: $gap / 2;
|
||||||
|
white-space: nowrap;
|
||||||
|
|
||||||
&.label--info {
|
&.label--info {
|
||||||
background-color: $color-primary;
|
background-color: $color-primary;
|
||||||
|
@ -63,6 +63,7 @@
|
|||||||
|
|
||||||
.panel__heading {
|
.panel__heading {
|
||||||
padding: $gap * 2;
|
padding: $gap * 2;
|
||||||
|
|
||||||
@include media($medium-screen) {
|
@include media($medium-screen) {
|
||||||
padding: $gap * 4;
|
padding: $gap * 4;
|
||||||
}
|
}
|
||||||
@ -71,6 +72,10 @@
|
|||||||
padding: $gap*2;
|
padding: $gap*2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&--divider {
|
||||||
|
border-bottom: 1px solid $color-gray-light;
|
||||||
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1, h2, h3, h4, h5, h6 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@ -90,15 +95,16 @@
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
border: 0;
|
||||||
|
border-bottom: 1px dashed $color-gray-light;
|
||||||
|
margin: ($gap * 4) ($site-margins*-4);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel__actions {
|
.panel__actions {
|
||||||
@include panel-actions;
|
@include panel-actions;
|
||||||
}
|
}
|
||||||
|
|
||||||
hr {
|
|
||||||
border: 0;
|
|
||||||
border-bottom: 1px dashed $color-gray-light;
|
|
||||||
margin: 0px $site-margins*-4;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user