Run scss formatter
This commit is contained in:
@@ -61,8 +61,8 @@
|
||||
}
|
||||
|
||||
.environment-roles-new {
|
||||
margin-top: 5*$gap;
|
||||
margin-bottom: 8*$gap;
|
||||
margin-top: 5 * $gap;
|
||||
margin-bottom: 8 * $gap;
|
||||
|
||||
.usa-input {
|
||||
margin: 2rem 0 2rem 0;
|
||||
|
@@ -26,7 +26,7 @@
|
||||
}
|
||||
|
||||
.list-header {
|
||||
margin: 2 * $gap 5 * $gap;
|
||||
margin: (2 * $gap) (5 * $gap);
|
||||
padding: inherit;
|
||||
overflow: auto;
|
||||
}
|
||||
@@ -39,13 +39,12 @@
|
||||
}
|
||||
|
||||
table {
|
||||
|
||||
thead {
|
||||
td {
|
||||
font-weight: bold;
|
||||
font-size: 1.4rem;
|
||||
border-top: 0;
|
||||
}
|
||||
font-weight: bold;
|
||||
font-size: 1.4rem;
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
tbody {
|
||||
@@ -53,13 +52,13 @@
|
||||
font-weight: bold;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
td {
|
||||
font-size: 1.6rem;
|
||||
border-bottom: 1px solid $color-gray-lightest;
|
||||
border-top: 0;
|
||||
padding: 3 * $gap 2 * $gap;
|
||||
padding: (3 * $gap) (2 * $gap);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
@@ -2,7 +2,6 @@
|
||||
display: block;
|
||||
background-color: $color-white;
|
||||
|
||||
|
||||
.home-container {
|
||||
max-width: 90rem;
|
||||
margin-left: auto;
|
||||
@@ -15,6 +14,7 @@
|
||||
display: flex;
|
||||
}
|
||||
|
||||
|
||||
h1 {
|
||||
font-weight: 200;
|
||||
}
|
||||
@@ -29,7 +29,6 @@
|
||||
img {
|
||||
width: 20rem;
|
||||
|
||||
|
||||
@include media($medium-screen) {
|
||||
width: 25rem;
|
||||
}
|
||||
@@ -41,7 +40,6 @@
|
||||
}
|
||||
|
||||
.home-container__list {
|
||||
|
||||
ol {
|
||||
list-style: none;
|
||||
counter-reset: home-counter;
|
||||
@@ -58,13 +56,8 @@
|
||||
position: absolute;
|
||||
left: -2rem;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
@@ -1,8 +1,9 @@
|
||||
.member-edit {
|
||||
.panel {
|
||||
@include shadow-panel;
|
||||
|
||||
margin: $gap;
|
||||
padding: 2 * $gap $gap;
|
||||
padding: (2 * $gap) $gap;
|
||||
}
|
||||
|
||||
.subheading {
|
||||
@@ -20,7 +21,7 @@
|
||||
}
|
||||
|
||||
.application-list-item {
|
||||
margin: 2 * $gap 3 * $gap;
|
||||
margin: (2 * $gap) (3 * $gap);
|
||||
|
||||
.block-list__header {
|
||||
border-top-color: $color-gray-light;
|
||||
@@ -34,7 +35,8 @@
|
||||
|
||||
.member-card {
|
||||
@include grid-row;
|
||||
padding: $gap*2;
|
||||
|
||||
padding: $gap * 2;
|
||||
justify-content: space-between;
|
||||
|
||||
.member-card__header {
|
||||
@@ -45,6 +47,7 @@
|
||||
|
||||
.member-card__heading {
|
||||
margin: 0;
|
||||
|
||||
@include h2;
|
||||
}
|
||||
|
||||
@@ -52,23 +55,23 @@
|
||||
margin: 0;
|
||||
display: flex;
|
||||
margin-top: $gap;
|
||||
|
||||
fieldset {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
legend {
|
||||
flex: none;
|
||||
margin-top: $gap*1.5;
|
||||
margin-right: $gap*2;
|
||||
margin-top: $gap * 1.5;
|
||||
margin-right: $gap * 2;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.member-card__details {
|
||||
text-align: right;
|
||||
|
||||
.icon-link {
|
||||
margin: 0 -$gap;
|
||||
margin: 0 - $gap;
|
||||
}
|
||||
|
||||
dl {
|
||||
|
@@ -1,19 +1,20 @@
|
||||
.funding-summary-row {
|
||||
|
||||
@include media($medium-screen) {
|
||||
@include grid-row;
|
||||
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.funding-summary-row__col {
|
||||
|
||||
.funding-summary-row__col {
|
||||
hr {
|
||||
margin: 2 * $gap 0;
|
||||
margin: (2 * $gap) 0;
|
||||
border-bottom: 1px solid $color-gray-lightest;
|
||||
}
|
||||
|
||||
@include media($medium-screen) {
|
||||
@include grid-pad;
|
||||
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
@@ -23,14 +24,17 @@
|
||||
max-width: 50%;
|
||||
}
|
||||
|
||||
|
||||
&:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
align-items: stretch;
|
||||
|
||||
.panel {
|
||||
@@ -41,9 +45,11 @@
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.subheading {
|
||||
@include h4;
|
||||
margin: 0 $gap 2 * $gap 0;
|
||||
|
||||
margin: 0 $gap (2 * $gap) 0;
|
||||
-ms-flex-negative: 1;
|
||||
}
|
||||
|
||||
@@ -64,7 +70,6 @@
|
||||
}
|
||||
|
||||
.spend-summary__budget {
|
||||
|
||||
@include ie-only {
|
||||
margin: $gap 0 0 0;
|
||||
}
|
||||
@@ -78,6 +83,7 @@
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
||||
dt {
|
||||
text-transform: uppercase;
|
||||
color: $color-gray-light;
|
||||
@@ -94,7 +100,7 @@
|
||||
}
|
||||
|
||||
.spend-summary__spent {
|
||||
margin: 2 * $gap 0;
|
||||
margin: (2 * $gap) 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
@@ -105,13 +111,11 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Task Order Summary
|
||||
// ===============================
|
||||
&.to-summary {
|
||||
|
||||
.icon-link {
|
||||
font-weight: $font-normal
|
||||
font-weight: $font-normal;
|
||||
}
|
||||
|
||||
.subheading {
|
||||
@@ -120,11 +124,13 @@
|
||||
|
||||
.to-summary__heading {
|
||||
@include h4;
|
||||
|
||||
margin: 0 $gap 0 0;
|
||||
}
|
||||
|
||||
.to-summary__to-number {
|
||||
margin: 0;
|
||||
|
||||
dd {
|
||||
&::before {
|
||||
content: '#';
|
||||
@@ -158,7 +164,6 @@
|
||||
}
|
||||
|
||||
.to-summary__expiration {
|
||||
|
||||
dl {
|
||||
text-align: right;
|
||||
margin-top: -2 * $gap;
|
||||
@@ -228,6 +233,7 @@ table {
|
||||
min-width: 12rem;
|
||||
}
|
||||
|
||||
|
||||
meter {
|
||||
width: 100%;
|
||||
height: 3rem;
|
||||
@@ -238,6 +244,7 @@ table {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
&::-webkit-meter-bar {
|
||||
background: $color-white;
|
||||
}
|
||||
@@ -250,7 +257,7 @@ table {
|
||||
display: block;
|
||||
color: $color-white;
|
||||
background-color: rgba($color-blue, 0.65);
|
||||
border-radius: $gap/2;
|
||||
border-radius: $gap / 2;
|
||||
position: absolute;
|
||||
top: 2.3rem;
|
||||
left: $gap / 2;
|
||||
|
@@ -17,6 +17,7 @@
|
||||
&:first-child {
|
||||
padding-right: $gap * 2;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
padding-left: $gap * 2;
|
||||
}
|
||||
@@ -33,7 +34,6 @@
|
||||
}
|
||||
|
||||
.request-approval__review {
|
||||
|
||||
.request-approval__review__heading {
|
||||
border-top: 1px solid $color-gray-light;
|
||||
padding-bottom: 0;
|
||||
@@ -64,6 +64,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.approval-log__log-item,
|
||||
.comment-log__log-item {
|
||||
display: flex;
|
||||
@@ -74,15 +75,18 @@
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
|
||||
.approval-log__log-item__header,
|
||||
.comment-log__log-item__header {
|
||||
@include h4;
|
||||
|
||||
margin: 0 0 $gap 0;
|
||||
}
|
||||
|
||||
.approval-log__log-item__timestamp,
|
||||
.comment-log__log-item__timestamp {
|
||||
@include h5;
|
||||
|
||||
margin-right: $gap * 2;
|
||||
color: $color-gray;
|
||||
flex-grow: 0;
|
||||
@@ -103,6 +107,7 @@
|
||||
margin-right: $gap * 4;
|
||||
}
|
||||
|
||||
|
||||
span {
|
||||
display: block;
|
||||
}
|
||||
|
@@ -4,6 +4,7 @@
|
||||
|
||||
.panel {
|
||||
@include shadow-panel;
|
||||
|
||||
margin-bottom: 6 * $gap;
|
||||
}
|
||||
|
||||
@@ -30,6 +31,7 @@
|
||||
@include grid-row;
|
||||
}
|
||||
|
||||
|
||||
@include ie-only {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
@@ -40,7 +42,6 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@@ -110,13 +111,14 @@
|
||||
dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
dd {
|
||||
}
|
||||
|
||||
dd {}
|
||||
}
|
||||
}
|
||||
|
||||
.task-order-details {
|
||||
flex-grow: 1;
|
||||
|
||||
@include media($xlarge-screen) {
|
||||
@include grid-row;
|
||||
}
|
||||
@@ -133,10 +135,12 @@
|
||||
padding-right: $gap;
|
||||
}
|
||||
|
||||
|
||||
@include ie-only {
|
||||
width: calc(100% - 35rem);
|
||||
}
|
||||
|
||||
|
||||
.task-order-next-steps__panel-head {
|
||||
border-bottom: 1px solid black;
|
||||
padding: ($gap * 4) ($gap * 2);
|
||||
@@ -152,6 +156,7 @@
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.alert {
|
||||
margin-top: 3 * $gap;
|
||||
margin-bottom: 0;
|
||||
@@ -165,9 +170,11 @@
|
||||
.task-order-next-steps__icon {
|
||||
padding: $gap $gap 0 0;
|
||||
justify-content: center;
|
||||
|
||||
.complete {
|
||||
@include icon-color($color-green);
|
||||
}
|
||||
|
||||
.incomplete {
|
||||
@include icon-color($color-gray-light);
|
||||
}
|
||||
@@ -176,6 +183,7 @@
|
||||
.task-order-next-steps__action {
|
||||
min-width: 10 * $gap;
|
||||
padding: $gap 0 0 $gap;
|
||||
|
||||
a.usa-button {
|
||||
width: 100%;
|
||||
}
|
||||
@@ -183,6 +191,7 @@
|
||||
|
||||
.task-order-next-steps__text {
|
||||
display: flex;
|
||||
|
||||
.task-order-next-steps__heading {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
@@ -196,6 +205,8 @@
|
||||
@include media($xlarge-screen) {
|
||||
padding-left: 3 * $gap;
|
||||
}
|
||||
|
||||
|
||||
min-width: 35rem;
|
||||
|
||||
hr {
|
||||
@@ -221,16 +232,20 @@
|
||||
|
||||
.task-order-invitation-status {
|
||||
margin-bottom: 3 * $gap;
|
||||
|
||||
.task-order-invitation-status__title {
|
||||
font-weight: $font-bold;
|
||||
}
|
||||
|
||||
.invited {
|
||||
color: $color-green;
|
||||
|
||||
@include icon-color($color-green);
|
||||
}
|
||||
|
||||
.uninvited {
|
||||
color: $color-red;
|
||||
|
||||
@include icon-color($color-red);
|
||||
}
|
||||
|
||||
@@ -286,7 +301,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.subheading, .description {
|
||||
color: $color-gray;
|
||||
}
|
||||
@@ -366,7 +380,6 @@
|
||||
|
||||
margin-bottom: 0;
|
||||
margin-right: -$gap;
|
||||
|
||||
position: absolute;
|
||||
margin-top: 3 * $gap;
|
||||
margin-left: $gap;
|
||||
@@ -391,7 +404,6 @@
|
||||
margin-right: 0;
|
||||
margin-bottom: $gap;
|
||||
padding-bottom: 4 * $gap;
|
||||
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: $color-gray-light;
|
||||
@@ -426,6 +438,7 @@
|
||||
|
||||
&.invited {
|
||||
color: $color-green;
|
||||
|
||||
.icon {
|
||||
@include icon-color($color-green);
|
||||
}
|
||||
@@ -433,6 +446,7 @@
|
||||
|
||||
&.uninvited {
|
||||
color: $color-red;
|
||||
|
||||
.icon {
|
||||
@include icon-color($color-red);
|
||||
}
|
||||
@@ -445,12 +459,12 @@
|
||||
}
|
||||
|
||||
.officer__form {
|
||||
padding: 1.5rem;
|
||||
background-color: $color-aqua-lightest;
|
||||
border-left-color: $color-blue;
|
||||
border-left-style: solid;
|
||||
border-left-width: $gap / 2;
|
||||
margin-top: 1.5rem;
|
||||
padding: 1.5rem;
|
||||
background-color: $color-aqua-lightest;
|
||||
border-left-color: $color-blue;
|
||||
border-left-style: solid;
|
||||
border-left-width: $gap / 2;
|
||||
margin-top: 1.5rem;
|
||||
|
||||
.edit-officer {
|
||||
margin-bottom: $gap * 2;
|
||||
@@ -518,6 +532,7 @@
|
||||
|
||||
.remove {
|
||||
color: $color-red;
|
||||
|
||||
.icon {
|
||||
@include icon-color($color-red);
|
||||
}
|
||||
|
Reference in New Issue
Block a user