jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CASH-151 style updates.

Browse source
This commit is contained in:
Bryan Mauger 2025-02-21 16:24:51 -05:00
parent e9c6c0e6f4
commit 202e53aa88
1 changed files with 36 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
src/experiment-components/service-package-radio.vue
View file

@ -201,19 +201,44 @@ export default {
If this experiment wins, move this to package-label ::before/::after below If this experiment wins, move this to package-label ::before/::after below
*/ */
&:before { &:before {
top: 15px; top: 0.9375rem;
} }
&:after { &:after {
top: 30px; top: 1.875rem;
}
@include media-breakpoint-up(lg) {
&:before {
top: .5rem;
}
&:after {
top: 1.875rem;
}
p {
span {
align-self: center;
}
}
} }
} }
+ .package-label.pricing-by-day-pkg-lbl-ins { + .package-label.pricing-by-day-pkg-lbl-ins {
&:before { &:before {
top: 5px; top: .3125rem;
} }
&:after { &:after {
top: 20px; top: 1.25rem;
}
}
+ .package-label.pricing-by-day-pkg-lbl {
&:before {
top: 0.9375rem;
@include media-breakpoint-up(lg) {
top: .3125rem;
}
}
&:after {
top: 1.25rem;
} }
} }
@ -350,7 +375,8 @@ export default {
&.pricing-info-pricing-by-day { &.pricing-info-pricing-by-day {
text-align: end; text-align: end;
color: $green; color: $green;
font-size: 0.875rem; font-size: 1rem;
line-height: 1;
span.strikethrough-price { span.strikethrough-price {
text-decoration: line-through; text-decoration: line-through;
font-size: 0.75rem; font-size: 0.75rem;
@ -376,6 +402,7 @@ export default {
justify-content: flex-end; justify-content: flex-end;
align-items: center; align-items: center;
align-self: flex-start; align-self: flex-start;
line-height: 1;
div.strikethrough-discount-price { div.strikethrough-discount-price {
display: inline; display: inline;
text-decoration: line-through; text-decoration: line-through;
@ -392,8 +419,12 @@ export default {
div.discount-price { div.discount-price {
color: $green; color: $green;
display: inline; display: inline;
font-size: 1rem;
} }
} }
.caption {
font-size: 0.625rem;
}
} }
ul { ul {
margin: 1rem 0 0 -5px; margin: 1rem 0 0 -5px;