Merge pull request #1560 from Safelite/CSR-1787-fix-style-and-spacing-issues

CSR-1787 color and spacing updates.
This commit is contained in:
bmauger 2023-11-21 16:54:07 -05:00 committed by GitHub
commit 8e520163ae
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -791,6 +791,7 @@ export default {
.label { .label {
color: $black; color: $black;
font-weight: 500; font-weight: 500;
line-height: 1.625;
} }
.amount-due { .amount-due {
color: $green; color: $green;
@ -800,25 +801,25 @@ export default {
transition: all 350ms ease-in; transition: all 350ms ease-in;
overflow: hidden; overflow: hidden;
visibility: hidden; visibility: hidden;
color: $gray-600;
div { div {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 0.5rem 1.5rem; padding: 0.5rem 1.5rem;
&:nth-last-child(-n + 3) { &:nth-last-child(-n + 3) {
background-color: #e3f2ea; background-color: $green-100;
} }
&:last-child { &:last-child {
background-color: #0c7e47; background-color: $green;
color: #ffffff; color: #ffffff;
} }
} }
.service-type { .service-type {
background-color: #f5f5f5; background-color: $gray-100;
align-items: center; align-items: center;
} }
.packaged-cart-item { .packaged-cart-item {
background-color: #f5f5f5; background-color: $gray-100;
padding-left: 2.5rem; padding-left: 2.5rem;
align-items: center; align-items: center;
span { span {
@ -833,16 +834,21 @@ export default {
} }
a { a {
font-size: 0.875rem; font-size: 0.875rem;
text-decoration: none;
line-height: 1.75;
} }
} }
.non-packaged-cart-item { .non-packaged-cart-item {
&.odd { &.odd {
background: var(--neutrals-gray-100, #f4f4f4); background: $gray-100;
} }
} }
.non-packaged-cart-item { .non-packaged-cart-item {
&.even { &.even {
background-color: var(--neutrals-white, #fff); background-color: $white;
}
a {
line-height: 1.625;
} }
} }
// Custom order/wrap for removable nonpackaged Cart Items // Custom order/wrap for removable nonpackaged Cart Items
@ -867,9 +873,10 @@ export default {
.amount-due, .amount-due,
.amount-paid { .amount-paid {
font-weight: 500; font-weight: 500;
color: $black;
} }
.sub-total { .sub-total {
border-top: 1px solid #0c7e47; border-top: 1px solid $green;
} }
.service-type { .service-type {
// background-color: #f5f5f5; // background-color: #f5f5f5;