fix(typography): use relative line heights (#19628)

vuetifyjs · Apr 17, 2024 · 1086426 · 1086426
1 parent 118507f
commit 1086426
Showing 1 changed file with 13 additions and 13 deletions.
diff --git a/packages/vuetify/src/styles/settings/_variables.scss b/packages/vuetify/src/styles/settings/_variables.scss
@@ -180,103 +180,103 @@ $typography: map-deep-merge(
  'h1': (
  'size': 6rem,
  'weight': 300,
- 'line-height': 6rem,
+ 'line-height': 1,
  'letter-spacing': -.015625em,
  'font-family': $heading-font-family,
  'text-transform': none
  ),
  'h2': (
  'size': 3.75rem,
  'weight': 300,
- 'line-height': 3.75rem,
+ 'line-height': 1,
  'letter-spacing': -.0083333333em,
  'font-family': $heading-font-family,
  'text-transform': none
  ),
  'h3': (
  'size': 3rem,
  'weight': 400,
- 'line-height': 3.125rem,
+ 'line-height': 1.05,
  'letter-spacing': normal,
  'font-family': $heading-font-family,
  'text-transform': none
  ),
  'h4': (
  'size': 2.125rem,
  'weight': 400,
- 'line-height': 2.5rem,
+ 'line-height': 1.175,
  'letter-spacing': .0073529412em,
  'font-family': $heading-font-family,
  'text-transform': none
  ),
  'h5': (
  'size': 1.5rem,
  'weight': 400,
- 'line-height': 2rem,
+ 'line-height': 1.333,
  'letter-spacing': normal,
  'font-family': $heading-font-family,
  'text-transform': none
  ),
  'h6': (
  'size': 1.25rem,
  'weight': 500,
- 'line-height': 2rem,
+ 'line-height': 1.6,
  'letter-spacing': .0125em,
  'font-family': $heading-font-family,
  'text-transform': none
  ),
  'subtitle-1': (
  'size': 1rem,
  'weight': normal,
- 'line-height': 1.75rem,
+ 'line-height': 1.75,
  'letter-spacing': .009375em,
  'font-family': $body-font-family,
  'text-transform': none
  ),
  'subtitle-2': (
  'size': .875rem,
  'weight': 500,
- 'line-height': 1.375rem,
+ 'line-height': 1.6,
  'letter-spacing': .0071428571em,
  'font-family': $body-font-family,
  'text-transform': none
  ),
  'body-1': (
  'size': 1rem,
  'weight': 400,
- 'line-height': 1.5rem,
+ 'line-height': 1.5,
  'letter-spacing': .03125em,
  'font-family': $body-font-family,
  'text-transform': none
  ),
  'body-2': (
  'size': .875rem,
  'weight': 400,
- 'line-height': 1.25rem,
+ 'line-height': 1.425,
  'letter-spacing': .0178571429em,
  'font-family': $body-font-family,
  'text-transform': none
  ),
  'button': (
  'size': .875rem,
  'weight': 500,
- 'line-height': 2.25rem,
+ 'line-height': 2.6,
  'letter-spacing': .0892857143em,
  'font-family': $body-font-family,
  'text-transform': uppercase
  ),
  'caption': (
  'size': .75rem,
  'weight': 400,
- 'line-height': 1.25rem,
+ 'line-height': 1.667,
  'letter-spacing': .0333333333em,
  'font-family': $body-font-family,
  'text-transform': none
  ),
  'overline': (
  'size': .75rem,
  'weight': 500,
- 'line-height': 2rem,
+ 'line-height': 2.667,
  'letter-spacing': .1666666667em,
  'font-family': $body-font-family,
  'text-transform': uppercase