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 {
border: 1px solid #0070d1;
}
max-height: 48px;
max-height: 3rem;
}
input[type='text'] {
border-color: #0070d1;
box-shadow: rgba(0, 0, 0, 0.2) 0rem 0.0625rem .25rem 0rem;
border-right: none;
border-radius: 72px 0 0 72px;
height: 48px;
border-radius: 4.5rem 0 0 4.5rem;
height: 3rem;
&:focus, &:focus-within {
border-right:none;
}
@ -331,7 +331,7 @@ input::-webkit-date-and-time-value {
background-image: url($svg-search-icon);
background-repeat: no-repeat;
background-position: center;
border-radius: 0 72px 72px 0;
border-radius: 0 4.5rem 4.5rem 0;
background-color: $blue-100;
width: 2.75rem;
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 {
row-gap: 0.25rem;
color: #4d4e53;
font-size: 15px;
font-size: .9375rem;
font-weight: 400;
line-height: 26px;
line-height: 1.625rem;
.row-one {
display: flex;
@ -158,12 +158,12 @@ export default {
.button-label-copy {
font-weight: 600;
line-height: 24px;
line-height: 1.5rem;
text-transform: capitalize;
}
#buttonLabelSubCopySpan {
font-size: 12px;
line-height: 24px;
font-size: .75rem;
line-height: 1.5rem;
}
.availability-indicator {
@ -175,8 +175,8 @@ export default {
.availability-badge {
display: inline-flex;
width: 13px;
height: 12px;
width: .8125rem;
height: .75rem;
background-position: center;
background-repeat: no-repeat;
margin: 0 0.25rem 0 0;
@ -234,6 +234,6 @@ export default {
}
}
div.col:not(:last-child) >.label-margin-bottom{
margin-bottom: 16px;
margin-bottom: 1rem;
}
</style>

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

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