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

CASH-824

Browse source 
CASH-824 updated 2.0 fonts to urbanist and letter-spacing to 0.03em
This commit is contained in:
Johnny shultz 2025-06-09 12:54:05 -04:00
parent 03ecb2743f
commit f4d1e0a234
25 changed files with 83 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
public/index.html
View file

@ -11,6 +11,7 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title>
<link href="https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;700&display=swap" rel="stylesheet">
</head>
<body>

BIN
src/assets/fonts/Urbanist-Bold.woff Normal file
View file

Binary file not shown.

BIN
src/assets/fonts/Urbanist-Bold.woff2 Normal file
View file

Binary file not shown.

BIN
src/assets/fonts/Urbanist-BoldItalic.woff Normal file
View file

Binary file not shown.

BIN
src/assets/fonts/Urbanist-BoldItalic.woff2 Normal file
View file

Binary file not shown.

BIN
src/assets/fonts/Urbanist-ExtraBold.woff Normal file
View file

Binary file not shown.

BIN
src/assets/fonts/Urbanist-ExtraBold.woff2 Normal file
View file

Binary file not shown.

BIN
src/assets/fonts/Urbanist-MediumItalic.woff Normal file
View file

Binary file not shown.

BIN
src/assets/fonts/Urbanist-MediumItalic.woff2 Normal file
View file

Binary file not shown.

BIN
src/assets/fonts/Urbanist-Regular.woff Normal file
View file

Binary file not shown.

BIN
src/assets/fonts/Urbanist-Regular.woff2 Normal file
View file

Binary file not shown.

BIN
src/assets/fonts/Urbanist-SemiBold.woff Normal file
View file

Binary file not shown.

BIN
src/assets/fonts/Urbanist-SemiBold.woff2 Normal file
View file

Binary file not shown.

14
src/digital-components/date-picker/date-picker.vue
View file

@ -913,8 +913,8 @@ export default {
.month-year {
grid-area: 1 / 1 / 2 / 5;
font-family: AvertaBold;
letter-spacing: 0.75px;
font-family: UrbanistBold;
letter-spacing: 0.03em;
color: $black;
justify-content: center;
margin-bottom: 0.5rem;
@ -1209,7 +1209,7 @@ export default {
border-radius: 0.25rem;
color: $black;
span {
font-family: AvertaSemibold;
font-family: UrbanistSemibold;
font-weight: 400;
}
}
@ -1240,7 +1240,7 @@ export default {
&.current-day {
label {
font-weight: 600;
font-family: "AvertaSemibold";
font-family: "UrbanistSemibold";
color: $black;
font-size-adjust: 0.5; // needed for Averta fonts baseline alignment
}
@ -1252,11 +1252,11 @@ export default {
text-decoration: none;
color: $black;
font-weight: 400;
font-family: "AvertaSemibold";
font-family: "UrbanistSemibold";
font-size-adjust: 0.5; // needed for Averta fonts baseline alignment
&.price {
font-family: "AvertaRegular";
font-family: "UrbanistRegular";
font-weight: 400;
}
}
@ -1274,7 +1274,7 @@ export default {
color: $blue;
span {
font-weight: 400;
font-family: "AvertaSemibold";
font-family: "UrbanistSemibold";
}
}
}

2
src/digital-components/salesforce-webchat/salesforce-webchat.vue
View file

@ -129,7 +129,7 @@ export default {
<style lang="scss">
.dockableContainer {
&.showDockableContainer {
font-family: AvertaRegular;
font-family: UrbanistRegular;
color: $gray-600;
.sidebarBody {
button {

4
src/experiment-components/donation-block.vue
View file

@ -177,13 +177,13 @@ export default {
p {
&.headline {
font-family: AvertaBold;
font-family: UrbanistBold;
color: $red;
font-weight: 600;
}
&.subheadline {
font-family: AvertaBold;
font-family: UrbanistBold;
font-weight: 600;
}
}

2
src/experiment-components/service-package-radio-for-afterpay.vue
View file

@ -424,7 +424,7 @@ export default {
text-transform: uppercase;
font-size: 0.875rem;
font-weight: 600;
letter-spacing: 0.75px;
letter-spacing: 0.03em;
}
.special-save-box {
background-color: $green-100;

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

@ -476,7 +476,7 @@ export default {
text-transform: uppercase;
font-size: 0.875rem;
font-weight: 600;
letter-spacing: 0.75px;
letter-spacing: 0.03em;
}
.special-save-box {
background-color: $green-100;

2
src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue
View file

@ -405,7 +405,7 @@ export default {
text-transform: uppercase;
font-size: 0.875rem;
font-weight: 600;
letter-spacing: 0.75px;
letter-spacing: 0.03em;
}
.special-save-box {
background-color: $green-100;

2
src/layouts/schedule/schedule.vue
View file

@ -765,7 +765,7 @@ export default {
}
}
.change-location a {
font-family: AvertaSemibold;
font-family: UrbanistSemibold;
}
.time-slots-question {
padding: 0 0.75rem;

2
src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue
View file

@ -631,7 +631,7 @@ export default {
margin-left: 0.5rem;
strong {
font-weight: 600;
letter-spacing: 0%;
letter-spacing: 0.03em;
}
}
.success-image {

2
src/layouts/schedule/time-slot-question/time-slot-question.vue
View file

@ -561,7 +561,7 @@ export default {
margin-top: 1.5rem;
.time-slot-header {
font-family: AvertaBold;
font-family: UrbanistBold;
margin-top: 1.5rem;
}
.text-block.duration-text-block {

8
src/styles/common-styles.scss
View file

@ -97,3 +97,11 @@ body {
}
}
}
button,
input,
select,
textarea,
option,
.btn {
letter-spacing: 0.03em;
}

57
src/styles/common-typography-styles.scss
View file

@ -4,6 +4,7 @@ body {
font-size: 1rem;
line-height: 1.625;
font-weight: 400;
letter-spacing: 0.03em;
}
//Headings
@ -43,7 +44,7 @@ h5,
h6,
.h6 {
line-height: 1.7;
letter-spacing: 0.75px;
letter-spacing: 0.03em;
text-transform: uppercase;
}
@ -133,3 +134,57 @@ caption,
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "UrbanistBold";
src:
url("@/assets/fonts/Urbanist-Bold.woff") format("woff2"),
url("@/assets/fonts/Urbanist-Bold.woff2") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "UrbanistBold_Italic";
src:
url("@/assets/fonts/Urbanist-BoldItalic.woff") format("woff2"),
url("@/assets/fonts/Urbanist-BoldItalic.woff2") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "UrbanistExtraBold";
src:
url("@/assets/fonts/Urbanist-ExtraBold.woff") format("woff2"),
url("@/assets/fonts/Urbanist-ExtraBold.woff2") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "UrbanistRegular";
src:
url("@/assets/fonts/Urbanist-Regular.woff") format("woff2"),
url("@/assets/fonts/Urbanist-Regular.woff2") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "UrbanistMedium_Italic";
src:
url("@/assets/fonts/Urbanist-MediumItalic.woff") format("woff2"),
url("@/assets/fonts/Urbanist-MediumItalic.woff2") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "UrbanistSemibold";
src:
url("@/assets/fonts/Urbanist-SemiBold.woff") format("woff2"),
url("@/assets/fonts/Urbanist-SemiBold.woff2") format("woff");
font-weight: normal;
font-style: normal;
}

4
src/styles/ux-variables.scss
View file

@ -120,8 +120,8 @@ $theme-colors: (
$body-color: $gray-600;
//Fonts
$font-family-sans-serif: AvertaRegular, Arial, Helvetica, sans-serif;
$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
$font-family-sans-serif: UrbanistRegular, Arial, Helvetica, sans-serif;
$font-family-monospace: UrbanistRegular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
monospace;
// stylelint-enable value-keyword-case
$font-family-base: $font-family-sans-serif;