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

Fix some font in hop, add letter spacing change

Browse source
This commit is contained in:
Alex Humphries 2025-08-05 16:50:39 -04:00
parent c6d113bef1
commit 01ceb85622
12 changed files with 22 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
public/css/hop-styling.css
View file

@ -6,6 +6,7 @@
body { body {
font-family: Urbanist, Arial, Helvetica, sans-serif; font-family: Urbanist, Arial, Helvetica, sans-serif;
font-weight: 400; font-weight: 400;
letter-spacing: 0.03em;
color: #000; color: #000;
margin: 0; margin: 0;
background-color: white; background-color: white;
@ -46,6 +47,8 @@ body select {
border: 1px solid #8E9292; border: 1px solid #8E9292;
padding: 16px; padding: 16px;
font-size: 16px; font-size: 16px;
font-family: inherit;
letter-spacing: inherit;
color: #000; color: #000;
background-color: #fff; background-color: #fff;
} }
@ -139,6 +142,8 @@ body .buttonContainer button {
justify-content: center; justify-content: center;
font-weight: 500; font-weight: 500;
font-size: 16px; font-size: 16px;
font-family: inherit;
letter-spacing: inherit;
height: 48px; height: 48px;
} }
@media (hover: hover) { @media (hover: hover) {

5
public/scss/hop-styling.scss
View file

@ -6,6 +6,7 @@
body { body {
font-family: Urbanist, Arial, Helvetica, sans-serif; font-family: Urbanist, Arial, Helvetica, sans-serif;
font-weight: 400; font-weight: 400;
letter-spacing: .03em;
color: #000; color: #000;
margin: 0; margin: 0;
background-color: white; background-color: white;
@ -55,6 +56,8 @@ body {
border: 1px solid #8E9292; border: 1px solid #8E9292;
padding: 16px; padding: 16px;
font-size: 16px; font-size: 16px;
font-family: inherit;
letter-spacing: inherit;
color: #000; color: #000;
background-color: #fff; background-color: #fff;
&:focus, &:focus,
@ -149,6 +152,8 @@ body {
justify-content: center; justify-content: center;
font-weight: 500; font-weight: 500;
font-size: 16px; font-size: 16px;
font-family: inherit;
letter-spacing: inherit;
height: 48px; height: 48px;
@media (hover: hover) { @media (hover: hover) {
background: linear-gradient(270deg, #1574a1 0%, #003d58 100%); background: linear-gradient(270deg, #1574a1 0%, #003d58 100%);

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

@ -886,7 +886,6 @@ export default {
grid-area: 1 / 1 / 2 / 5; grid-area: 1 / 1 / 2 / 5;
text-transform: uppercase; text-transform: uppercase;
font-weight: 300; font-weight: 300;
letter-spacing: 0.75px;
} }
.legend { .legend {
grid-area: 1 / 5 / 2 / 8; grid-area: 1 / 5 / 2 / 8;
@ -1144,6 +1143,7 @@ export default {
background: transparent; background: transparent;
border: none; border: none;
font-weight: 500; font-weight: 500;
letter-spacing: inherit;
text-underline-offset: 4px; text-underline-offset: 4px;
z-index: 2; z-index: 2;
} }

1
src/digital-components/dropdown-question/dropdown-question.vue
View file

@ -137,6 +137,7 @@ export default {
color: $gray-600; color: $gray-600;
border-radius: 0.5rem; border-radius: 0.5rem;
min-height: 3rem; min-height: 3rem;
letter-spacing: inherit;
&:focus, &:focus,
&:focus-visible { &:focus-visible {
box-shadow: 0 0 0 2.5px $blue; box-shadow: 0 0 0 2.5px $blue;

1
src/digital-components/textarea-question/textarea-question.vue
View file

@ -156,6 +156,7 @@ export default {
border: 1px solid $gray-500; border: 1px solid $gray-500;
border-radius: 0.5rem; border-radius: 0.5rem;
padding: 12px 16px; padding: 12px 16px;
letter-spacing: inherit;
&::placeholder { &::placeholder {
color: $gray-500; color: $gray-500;
} }

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

@ -334,6 +334,7 @@ input::-webkit-date-and-time-value {
min-height: 3rem; min-height: 3rem;
max-height: 3rem; max-height: 3rem;
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
letter-spacing: inherit;
&::placeholder { &::placeholder {
color: $gray-500; color: $gray-500;
} }

1
src/layouts/coverage-statement/cancel-claim-modal/cancel-claim-modal.vue
View file

@ -94,6 +94,7 @@ export default {
color: $white; color: $white;
justify-content: center; justify-content: center;
font-weight: $font-weight-bold; font-weight: $font-weight-bold;
letter-spacing: inherit;
@media (hover: hover) { @media (hover: hover) {
background: linear-gradient(270deg, $blue 0%, $blue-800 100%); background: linear-gradient(270deg, $blue 0%, $blue-800 100%);
} }

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

@ -7,6 +7,7 @@ body {
body { body {
font-size: 16px; font-size: 16px;
letter-spacing: $letter-spacing-primary;
background-color: #fff; background-color: #fff;
color: #4d5151; color: #4d5151;

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

@ -41,7 +41,6 @@ h5,
h6, h6,
.h6 { .h6 {
line-height: 1.7; line-height: 1.7;
letter-spacing: .75px;
text-transform: uppercase; text-transform: uppercase;
} }

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

@ -206,3 +206,6 @@ $modal-backdrop-opacity: 0;
//Disable default !important behavior //Disable default !important behavior
$enable-important-utilities: false; $enable-important-utilities: false;
// Letter Spacing
$letter-spacing-primary: 0.03em;

1
src/ux-components/button-main/button-main.vue
View file

@ -65,6 +65,7 @@ export default {
color: $white; color: $white;
justify-content: center; justify-content: center;
font-weight: 500; font-weight: 500;
letter-spacing: inherit;
@media (hover: hover) { @media (hover: hover) {
background: linear-gradient(270deg, $blue 0%, $blue-800 100%); background: linear-gradient(270deg, $blue 0%, $blue-800 100%);
} }

1
src/ux-components/modal-button-main/modal-button-main.vue
View file

@ -73,6 +73,7 @@ export default {
color: $white; color: $white;
justify-content: center; justify-content: center;
font-weight: 500; font-weight: 500;
letter-spacing: inherit;
@media (hover: hover) { @media (hover: hover) {
background: linear-gradient(270deg, $blue 0%, $blue-800 100%); background: linear-gradient(270deg, $blue 0%, $blue-800 100%);
} }