2013-10-09 12:30:53 +02:00
|
|
|
#{headings(1, 4)} { @extend %reset-margin; }
|
2012-11-28 12:09:54 +01:00
|
|
|
|
2013-10-09 12:30:53 +02:00
|
|
|
#{headings(1, 2)} {
|
|
|
|
@include font-size-large;
|
2013-10-11 22:06:20 +02:00
|
|
|
@include adjust-leading-to(1, $font-size-large);
|
2013-10-09 12:30:53 +02:00
|
|
|
font-weight: $font-weight-light;
|
|
|
|
letter-spacing: -0.03125em;
|
|
|
|
color: $color-accent;
|
2012-11-28 12:09:54 +01:00
|
|
|
|
2013-10-11 22:06:20 +02:00
|
|
|
@include breakpoint($tablet-small) { @include font-size-x-large; }
|
|
|
|
@include breakpoint($tablet-large) { @include font-size-xx-large; }
|
2013-02-09 04:10:33 +01:00
|
|
|
}
|
2012-11-28 17:23:08 +01:00
|
|
|
|
2013-02-09 04:10:33 +01:00
|
|
|
h1 {
|
2013-10-09 12:30:53 +02:00
|
|
|
font-weight: $font-weight-light;
|
2018-10-24 00:06:39 +02:00
|
|
|
text-align: center;
|
2013-10-09 12:30:53 +02:00
|
|
|
color: $color-text-heading;
|
2012-11-28 12:59:42 +01:00
|
|
|
|
2013-10-11 22:06:20 +02:00
|
|
|
@include breakpoint($screen-small) { @include font-size-xxx-large; }
|
|
|
|
@include breakpoint($screen-large) { @include font-size-xxxx-large; }
|
2012-11-28 12:59:42 +01:00
|
|
|
}
|
|
|
|
|
2013-10-09 12:30:53 +02:00
|
|
|
h2 {
|
|
|
|
@include padding-leader(2, $font-size-large);
|
|
|
|
@include padding-trailer(1, $font-size-large);
|
2013-02-09 04:10:33 +01:00
|
|
|
|
2013-10-11 22:06:20 +02:00
|
|
|
@include breakpoint($tablet-small) {
|
2013-10-09 12:30:53 +02:00
|
|
|
@include padding-leader(2, $font-size-x-large);
|
|
|
|
@include padding-trailer(1, $font-size-x-large);
|
|
|
|
}
|
2013-02-09 04:10:33 +01:00
|
|
|
|
2013-10-11 22:06:20 +02:00
|
|
|
@include breakpoint($tablet-large) {
|
2013-10-09 12:30:53 +02:00
|
|
|
@include padding-leader(2, $font-size-xx-large);
|
|
|
|
@include padding-trailer(1, $font-size-xx-large);
|
|
|
|
}
|
|
|
|
}
|
2012-11-28 17:23:08 +01:00
|
|
|
|
2013-10-09 12:30:53 +02:00
|
|
|
h2,
|
|
|
|
h3 { font-family: $font-family-display; }
|
|
|
|
|
2018-10-24 00:06:39 +02:00
|
|
|
h3,
|
|
|
|
h4 {
|
2013-10-11 22:06:20 +02:00
|
|
|
@include padding-leader(1.5);
|
|
|
|
@include padding-trailer(.5);
|
2013-10-09 12:30:53 +02:00
|
|
|
@include font-size-regular;
|
|
|
|
font-weight: $font-weight-bold;
|
|
|
|
text-transform: uppercase;
|
|
|
|
letter-spacing: .03125em;
|
|
|
|
}
|
2018-10-24 00:06:39 +02:00
|
|
|
|
|
|
|
h3 { color: darken($color-text-weak, 10%); }
|
|
|
|
|
|
|
|
h4 { color: $color-text-weak; }
|