From 279520fde8e93857c0b0597b6775abffa42e3658 Mon Sep 17 00:00:00 2001 From: Caleb Jacob Date: Tue, 12 Nov 2024 11:36:40 -0700 Subject: [PATCH] Adjust line heights --- package.json | 2 +- src/components/Input.module.scss | 2 +- src/components/Tooltip.module.scss | 2 +- src/styles/_reset.scss | 2 +- src/styles/_theme.scss | 6 +++--- 5 files changed, 7 insertions(+), 7 deletions(-) diff --git a/package.json b/package.json index 08de00b..13bb0f8 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@near-pagoda/ui", - "version": "2.0.10", + "version": "2.0.11", "description": "A React component library that implements the official NEAR design system.", "license": "MIT", "repository": { diff --git a/src/components/Input.module.scss b/src/components/Input.module.scss index 6015ef3..26a87eb 100644 --- a/src/components/Input.module.scss +++ b/src/components/Input.module.scss @@ -174,7 +174,7 @@ } [data-textarea='true'] & { - line-height: 1.5; + line-height: 1.4; padding: 8px 12px; height: unset; min-height: 4rem; diff --git a/src/components/Tooltip.module.scss b/src/components/Tooltip.module.scss index a2656b7..c8226c0 100644 --- a/src/components/Tooltip.module.scss +++ b/src/components/Tooltip.module.scss @@ -9,7 +9,7 @@ z-index: 1000; max-width: 30rem; font-size: 0.8rem; - line-height: 1.5; + line-height: 1.4; word-break: break-word; font-family: sans-serif; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); diff --git a/src/styles/_reset.scss b/src/styles/_reset.scss index 6633c29..70288bb 100644 --- a/src/styles/_reset.scss +++ b/src/styles/_reset.scss @@ -16,7 +16,7 @@ body { font-size: 100%; - line-height: 1.5; + line-height: 1.4; -webkit-font-smoothing: antialiased; } diff --git a/src/styles/_theme.scss b/src/styles/_theme.scss index 82d2294..8ab6153 100644 --- a/src/styles/_theme.scss +++ b/src/styles/_theme.scss @@ -46,9 +46,9 @@ --icon-size-xl: 3.25rem; --text-2xs: 400 10px/1.3 'Mona Sans', sans-serif; - --text-xs: 400 12px/1.4 'Mona Sans', sans-serif; - --text-s: 400 14px/1.5 'Mona Sans', sans-serif; - --text-base: 400 16px/1.5 'Mona Sans', sans-serif; + --text-xs: 400 12px/1.35 'Mona Sans', sans-serif; + --text-s: 400 14px/1.4 'Mona Sans', sans-serif; + --text-base: 400 16px/1.4 'Mona Sans', sans-serif; --text-l: 500 20px/1.3 'FK Grotesk', 'Mona Sans', sans-serif; --text-xl: 500 24px/1.3 'FK Grotesk', 'Mona Sans', sans-serif; --text-2xl: 500 30px/1.2 'FK Grotesk', 'Mona Sans', sans-serif;