Skip to content

Instantly share code, notes, and snippets.

@jeffbaumes
Last active November 14, 2018 11:02
Show Gist options
  • Save jeffbaumes/5ea3ae818a8cae4bcb64579ef2487d44 to your computer and use it in GitHub Desktop.
Save jeffbaumes/5ea3ae818a8cae4bcb64579ef2487d44 to your computer and use it in GitHub Desktop.
Updating Vuetify font
@import '~vuetify/src/stylus/settings/_variables'
$body-font-family = 'Barlow Condensed', sans-serif
$heading-font-family = 'Barlow Condensed', sans-serif
$headings = {
h1: { size: 112px, weight: 300, line-height: 1, letter-spacing: -.04em, font-family: $heading-font-family },
h2: { size: 56px, weight: 400, line-height: 1.35, letter-spacing: -.02em, font-family: $heading-font-family },
h3: { size: 45px, weight: 400, line-height: 48px, letter-spacing: normal, font-family: $heading-font-family },
h4: { size: 34px, weight: 400, line-height: 40px, letter-spacing: normal, font-family: $heading-font-family },
h5: { size: 24px, weight: 400, line-height: 32px, letter-spacing: normal, font-family: $heading-font-family },
h6: { size: 20px, weight: 500, line-height: 1, letter-spacing: .02em, font-family: $heading-font-family },
subheading: { size: 16px, weight: 400 },
body-2: { size: 14px, weight: 500 },
body-1: { size: 14px, weight: 400 },
caption: { size: 12px, weight: 400 },
button: { size: 14px, weight: 500 }
}
@import '~vuetify/src/stylus/main'
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment