Merge pull request #372 from Safelite/feature/digital/SSR-598

Refactoring CSS
This commit is contained in:
michaela-brydon-safelite 2023-07-24 09:24:21 -04:00 committed by GitHub
commit b8b5b7f0ac
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 34 deletions

View file

@ -85,6 +85,9 @@ export default ({
button {
color: inherit;
}
span{
color: $black;
}
}
p.light-gray {
color: $gray-550;

View file

@ -9,16 +9,16 @@
<siteHeader
ref="siteHeader"
:cmsWidgetName="widget.siteHeader" />
<div class="container-fluid pb-2">
<div class="container-fluid px-6">
<siteSubHeader
id="sub-header"
ref="siteSubHeader"
class="margin-top-16"
class="mt-5"
:cmsWidgetName="widget.siteSubHeader" />
<textboxQuestion
ref="firstNameQuestion"
v-model="firstName"
class="margin-top-24"
class="mt-6"
inputId="firstName"
:cmsWidgetName="widget.firstNameQuestion"
isRequired
@ -26,7 +26,7 @@
<textboxQuestion
ref="lastNameQuestion"
v-model="lastName"
class="margin-top-16"
class="mt-5"
inputId="lastName"
:cmsWidgetName="widget.lastNameQuestion"
isRequired
@ -34,7 +34,7 @@
<textboxQuestion
ref="emailQuestion"
v-model="emailAddress"
class="margin-top-16"
class="mt-5"
inputId="emailAddress"
:cmsWidgetName="widget.emailQuestion"
isRequired
@ -42,7 +42,7 @@
<textboxQuestion
ref="phoneNumberQuestion"
v-model="phoneNumber"
class="margin-top-16"
class="mt-5"
inputId="phoneNumber"
:cmsWidgetName="widget.phoneNumberQuestion"
isRequired
@ -51,7 +51,7 @@
ref="requestTextUpdatesCheckbox"
v-model="requestTextUpdates"
:isChecked="requestTextUpdates"
class="margin-top-8"
class="mt-3"
checkboxName="requestTextUpdates"
buttonID="requestTextUpdates"
:checkboxLabel="requestTextUpdatesCheckboxText" />
@ -59,7 +59,7 @@
<textareaQuestion
ref="notesQuestion"
v-model="notesForTechnician"
class="margin-top-16"
class="mt-5"
inputId="technicianNotes"
:isDisabled="false"
:isRequired="false"
@ -69,18 +69,18 @@
<p
ref="disclaimerText"
class="disclaimer margin-top-24">
class="caption dark-gray mt-6">
{{ textUpdateDisclaimerText }} I also agree to Safelite's
<textLink
ref="privacyPolicyLink"
class="disclaimer-link"
class="normal-line-height"
linkType="text"
text="Privacy Policy"
href="//www.safelite.com/privacy-center" />
and
<textLink
ref="termsOfUseLink"
class="disclaimer-link"
class="normal-line-height"
linkType="text"
text="Terms of Use"
href="//www.safelite.com/terms-of-use" />.
@ -88,6 +88,7 @@
<siteFooter
ref="siteFooter"
class="my-6"
:cmsWidgetName="widget.siteFooter"
:isForwardActionDisabled="!meta.valid"
@forwardClicked="forwardButtonAction"
@ -212,32 +213,11 @@ export default {
</script>
<style lang="scss" scoped>
#sub-header {
span {
color: $black;
}
}
.margin-top-24 {
margin-top: 24px;
}
.margin-top-16 {
margin-top: 16px;
}
.margin-top-8 {
margin-top: 8px;
}
.disclaimer {
font-size: 12px;
.dark-gray {
color: $darker-gray;
font-weight: 400;
}
.disclaimer-link {
text-decoration: none;
.normal-line-height {
line-height: normal;
}