cremeaux/assets/styles/fonts.sass

61 lines
1.1 KiB
Sass

@font-face
font-family: 'League Spartan Variable'
src: url('/fonts/LeagueSpartan-VF.woff2') format('woff2-variations')
font-weight: 200 900
font-display: swap
html
font-size: 18px
body
font-weight: 400
line-height: 1.2
font-family: 'League Spartan Variable'
h1, h2, h3, h4, h5
font-weight: 600
text-transform: uppercase
h1
text-align: center
text-transform: uppercase
color: $vert
margin: 0 1rem 1rem
padding: 1rem
font-size: 2.5rem
word-wrap: anywhere
@media screen and (max-width: $size-sm)
font-size: 1.2rem
margin: 0
strong
font-size: 3.5rem
@media screen and (max-width: $size-sm)
font-size: 1.8rem
h2
font-size: 1.4rem
margin: 1rem 0
text-transform: uppercase
@media screen and (max-width: $size-sm)
font-size: 1.1rem
h3
font-size: 1.1rem
text-transform: uppercase
@media screen and (max-width: $size-sm)
font-size: 1rem
h4
font-size: 1rem
@media screen and (max-width: $size-sm)
font-size: .9rem
p
margin-top: 1rem
margin-bottom: 1rem
small,
.text_small
font-size: 0.8rem