From 73824348aff0a70c14f84e24c9a0e6a6f229b15e Mon Sep 17 00:00:00 2001 From: Chris Aquino Date: Fri, 20 Mar 2026 14:40:48 -0400 Subject: [PATCH 1/2] Removes quotes from `sans-serif` --- src/assets/styles/main.css | 2 +- src/assets/styles/variables.css | 2 +- src/components/BaseButton.vue | 2 +- src/components/BubbleSelect.vue | 2 +- src/components/ModalDialog.vue | 4 ++-- src/components/SegmentedControl.vue | 2 +- src/components/SyncCard.vue | 2 +- 7 files changed, 8 insertions(+), 8 deletions(-) diff --git a/src/assets/styles/main.css b/src/assets/styles/main.css index ebdcdb3..f612854 100644 --- a/src/assets/styles/main.css +++ b/src/assets/styles/main.css @@ -8,7 +8,7 @@ /* Apply this to your body or wrapper class for use with services-ui elements (temp) */ .services-ui-base { - font-family: 'Inter', 'sans-serif'; + font-family: 'Inter', sans-serif; font-size: 0.8125rem; } diff --git a/src/assets/styles/variables.css b/src/assets/styles/variables.css index 877d292..641cec8 100644 --- a/src/assets/styles/variables.css +++ b/src/assets/styles/variables.css @@ -3,7 +3,7 @@ html { --txt-default: 0.875rem; /* 14px */ --txt-input: var(--txt-default); /* 14px */ --line-height-input: 1.25rem; /* 20px */ - --font-sans: 'Inter', 'sans-serif'; + --font-sans: 'Inter', sans-serif; /* Some elements are stubborn so we need to force the color there */ --txt-colour: var(--colour-ti-base); diff --git a/src/components/BaseButton.vue b/src/components/BaseButton.vue index 0340889..fb96dcc 100644 --- a/src/components/BaseButton.vue +++ b/src/components/BaseButton.vue @@ -105,7 +105,7 @@ button:hover > .tooltip { border: 0; border-radius: var(--border-radius); - font-family: 'Inter', 'sans-serif'; + font-family: 'Inter', sans-serif'; font-size: var(--txt-input); /* 14px */ font-weight: 400; line-height: 1; diff --git a/src/components/BubbleSelect.vue b/src/components/BubbleSelect.vue index fb4cbcc..b82f72d 100644 --- a/src/components/BubbleSelect.vue +++ b/src/components/BubbleSelect.vue @@ -123,7 +123,7 @@ defineExpose({ reset }); flex-direction: column; gap: 0.5rem; color: var(--colour-ti-secondary); - font-family: 'Inter', 'sans-serif'; + font-family: 'Inter', sans-serif; font-size: 1rem; line-height: var(--line-height-input); font-weight: 400; diff --git a/src/components/ModalDialog.vue b/src/components/ModalDialog.vue index 30b9b0e..faa9c6d 100644 --- a/src/components/ModalDialog.vue +++ b/src/components/ModalDialog.vue @@ -207,7 +207,7 @@ body.modal-active { text-decoration-line: none; padding-left: 0; padding-right: 0; - + &:hover { text-decoration-line: underline; } @@ -217,7 +217,7 @@ body.modal-active { /* Default styling for #title */ :deep(#title) { color: var(--colour-ti-base); - font-family: 'Inter', 'sans-serif'; + font-family: 'Inter', sans-serif; font-weight: 400; font-size: 1.375rem; line-height: 1.664rem; diff --git a/src/components/SegmentedControl.vue b/src/components/SegmentedControl.vue index 02bf39d..ffa8520 100644 --- a/src/components/SegmentedControl.vue +++ b/src/components/SegmentedControl.vue @@ -74,7 +74,7 @@ const setOption = (option: SelectOption) => { flex-direction: column; gap: 0.5rem; color: var(--colour-ti-secondary); - font-family: 'Inter', 'sans-serif'; + font-family: 'Inter', sans-serif; font-size: 1rem; line-height: var(--line-height-input); font-weight: 400; diff --git a/src/components/SyncCard.vue b/src/components/SyncCard.vue index 92a13cc..b9b4fff 100644 --- a/src/components/SyncCard.vue +++ b/src/components/SyncCard.vue @@ -64,7 +64,7 @@ withDefaults(defineProps(), { border-radius: 0.5625rem; border: 0.0625rem solid var(--colour-neutral-border); background: var(--colour-neutral-base); - font-family: 'Inter', 'sans-serif'; + font-family: 'Inter', sans-serif; font-size: var(--txt-input); color: var(--colour-ti-base); } From 39189705a73e6d56cf957c14755f46fdfbcf1156 Mon Sep 17 00:00:00 2001 From: Chris Aquino Date: Fri, 20 Mar 2026 14:54:21 -0400 Subject: [PATCH 2/2] whoops! --- src/components/BaseButton.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/BaseButton.vue b/src/components/BaseButton.vue index fb96dcc..3eaa505 100644 --- a/src/components/BaseButton.vue +++ b/src/components/BaseButton.vue @@ -105,7 +105,7 @@ button:hover > .tooltip { border: 0; border-radius: var(--border-radius); - font-family: 'Inter', sans-serif'; + font-family: 'Inter', sans-serif; font-size: var(--txt-input); /* 14px */ font-weight: 400; line-height: 1;