Modal styling
This commit is contained in:
@@ -9,6 +9,10 @@
|
||||
margin-bottom: $gap;
|
||||
}
|
||||
|
||||
.usa-alert {
|
||||
padding-bottom: 2.4rem;
|
||||
}
|
||||
|
||||
@mixin alert {
|
||||
padding: $gap * 2;
|
||||
border-left-width: $gap / 2;
|
||||
|
@@ -52,7 +52,7 @@ body {
|
||||
}
|
||||
|
||||
@include media($medium-screen) {
|
||||
padding: $gap * 5;
|
||||
padding: $gap * 2.5 $gap * 5;
|
||||
}
|
||||
|
||||
h1,
|
||||
@@ -216,4 +216,12 @@ body {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.usa-button {
|
||||
min-width: 17rem;
|
||||
}
|
||||
|
||||
.usa-input .checkbox {
|
||||
margin-left: 3rem;
|
||||
}
|
||||
}
|
||||
|
@@ -51,6 +51,7 @@
|
||||
input[type="checkbox"] {
|
||||
+ label::before {
|
||||
box-shadow: 0 0 0 2px $state-color;
|
||||
margin-left: -3rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -164,10 +165,6 @@
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
label {
|
||||
font-weight: $font-bold;
|
||||
}
|
||||
}
|
||||
|
||||
select {
|
||||
|
@@ -36,6 +36,11 @@ h6 {
|
||||
* {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
em {
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
.h1 {
|
||||
|
Reference in New Issue
Block a user