@oslokommune/punkt-css
Version:
CSS-rammeverket til Punkt, et designsystem laget av Oslo Origo
1 lines • 2.09 kB
CSS
pkt-heading{display:block}.pkt-heading{font-size:1.5rem;font-weight:600;line-height:1.2}.pkt-heading--xlarge{letter-spacing:-0.2px;font-weight:400;font-size:2.5rem;line-height:3.75rem}@media screen and (min-width: 35.938rem){.pkt-heading--xlarge{letter-spacing:-0.4px;font-weight:400;font-size:3.375rem;line-height:5.125rem}}@media screen and (min-width: 48rem){.pkt-heading--xlarge{letter-spacing:-0.4px;font-weight:400;font-size:4.375rem;line-height:6.125rem}}.pkt-heading--large{letter-spacing:-0.2px;font-weight:400;font-size:1.75rem;line-height:2.25rem}@media screen and (min-width: 35.938rem){.pkt-heading--large{letter-spacing:-0.2px;font-weight:400;font-size:2.25rem;line-height:3.375rem}}@media screen and (min-width: 48rem){.pkt-heading--large{letter-spacing:-0.2px;font-weight:400;font-size:3rem;line-height:4rem}}.pkt-heading--medium{letter-spacing:-0.2px;font-weight:500;font-size:1.5rem;line-height:2.25rem}@media screen and (min-width: 35.938rem){.pkt-heading--medium{letter-spacing:-0.2px;font-weight:500;font-size:1.75rem;line-height:2.25rem}}@media screen and (min-width: 48rem){.pkt-heading--medium{letter-spacing:-0.2px;font-weight:500;font-size:1.875rem;line-height:2.75rem}}.pkt-heading--small{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}@media screen and (min-width: 35.938rem){.pkt-heading--small{letter-spacing:-0.2px;font-weight:500;font-size:1.25rem;line-height:2rem}}@media screen and (min-width: 48rem){.pkt-heading--small{letter-spacing:-0.2px;font-weight:500;font-size:1.5rem;line-height:2.25rem}}.pkt-heading--xsmall{letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem}@media screen and (min-width: 35.938rem){.pkt-heading--xsmall{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}}@media screen and (min-width: 48rem){.pkt-heading--xsmall{letter-spacing:-0.2px;font-weight:500;font-size:1.375rem;line-height:2.125rem}}.pkt-heading--noSpacing{margin-bottom:0;margin-top:0}.pkt-heading--start{text-align:start}.pkt-heading--end{text-align:end}.pkt-heading--center{text-align:center}