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

Convert px to rem

Browse source
This commit is contained in:
scottkiener-at-safelite 2026-02-12 14:27:29 -05:00
parent 227bf943cf
commit 1e857502df
3 changed files with 17 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/digital-components/textbox-question/textbox-question.vue
View file

@ -315,14 +315,14 @@ input::-webkit-date-and-time-value {
&:focus, &:focus-within { &:focus, &:focus-within {
border: 1px solid #0070d1; border: 1px solid #0070d1;
} }
max-height: 48px; max-height: 3rem;
} }
input[type='text'] { input[type='text'] {
border-color: #0070d1; border-color: #0070d1;
box-shadow: rgba(0, 0, 0, 0.2) 0rem 0.0625rem .25rem 0rem; box-shadow: rgba(0, 0, 0, 0.2) 0rem 0.0625rem .25rem 0rem;
border-right: none; border-right: none;
border-radius: 72px 0 0 72px; border-radius: 4.5rem 0 0 4.5rem;
height: 48px; height: 3rem;
&:focus, &:focus-within { &:focus, &:focus-within {
border-right:none; border-right:none;
} }
@ -331,7 +331,7 @@ input::-webkit-date-and-time-value {
background-image: url($svg-search-icon); background-image: url($svg-search-icon);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
border-radius: 0 72px 72px 0; border-radius: 0 4.5rem 4.5rem 0;
background-color: $blue-100; background-color: $blue-100;
width: 2.75rem; width: 2.75rem;
border: 1px solid #0070d1; border: 1px solid #0070d1;

16
src/iss-components/tpa-shop-list-button/tpa-shop-list-button.vue
View file

@ -147,9 +147,9 @@ export default {
.button-content { .button-content {
row-gap: 0.25rem; row-gap: 0.25rem;
color: #4d4e53; color: #4d4e53;
font-size: 15px; font-size: .9375rem;
font-weight: 400; font-weight: 400;
line-height: 26px; line-height: 1.625rem;
.row-one { .row-one {
display: flex; display: flex;
@ -158,12 +158,12 @@ export default {
.button-label-copy { .button-label-copy {
font-weight: 600; font-weight: 600;
line-height: 24px; line-height: 1.5rem;
text-transform: capitalize; text-transform: capitalize;
} }
#buttonLabelSubCopySpan { #buttonLabelSubCopySpan {
font-size: 12px; font-size: .75rem;
line-height: 24px; line-height: 1.5rem;
} }
.availability-indicator { .availability-indicator {
@ -175,8 +175,8 @@ export default {
.availability-badge { .availability-badge {
display: inline-flex; display: inline-flex;
width: 13px; width: .8125rem;
height: 12px; height: .75rem;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
margin: 0 0.25rem 0 0; margin: 0 0.25rem 0 0;
@ -234,6 +234,6 @@ export default {
} }
} }
div.col:not(:last-child) >.label-margin-bottom{ div.col:not(:last-child) >.label-margin-bottom{
margin-bottom: 16px; margin-bottom: 1rem;
} }
</style> </style>

10
src/layouts/tpa-search/tpa-search.vue
View file

@ -415,11 +415,11 @@ export default {
} }
#tpaSearchQuestionLabel { #tpaSearchQuestionLabel {
margin-bottom: 10px; margin-bottom: .625rem;
} }
#map { #map {
height: 435px; height: 27.1875rem;
} }
#providerSelectionForm { #providerSelectionForm {
@ -431,12 +431,12 @@ export default {
} }
hr { hr {
margin: 22px 0; margin: 1.375rem 0;
} }
.need-help-link-container { .need-help-link-container {
margin-top:30px; margin-top:1.875rem;
margin-bottom: 35px; margin-bottom: 2.1875rem;
} }
</style> </style>