joshua/dash-website
1
0
Fork 0
mirror of https://github.com/seigler/dash-website synced 2025-07-27 07:16:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

[Fix] Typography: Large font-sizes are now responsive

Browse source
This commit is contained in:
0xfff 2017-02-05 12:48:50 +09:00
parent 0928bbf78a
commit 315634108a
1 changed files with 12 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/scss/global/_typography.scss
View file

@ -71,18 +71,30 @@ $line-height-heading: 1.2;
font-size: pxToRem($font-size-xlarge);
line-height: $line-height-heading;
letter-spacing: -0.004em;
@include mq($to: medium) {
font-size: pxToRem($font-size-large);
letter-spacing: 0;
}
}
@mixin font-title-xlarge() {
font-weight: $font-weight-light;
font-size: pxToRem($font-size-xlarge);
line-height: $line-height-heading;
letter-spacing: -0.015em;
@include mq($to: medium) {
font-size: pxToRem($font-size-large);
letter-spacing: -0.007em;
}
}
@mixin font-title-xxlarge() {
font-weight: $font-weight-light;
font-size: pxToRem($font-size-xxlarge);
line-height: $line-height-heading;
letter-spacing: -0.025em;
@include mq($to: medium) {
font-size: pxToRem($font-size-xlarge);
letter-spacing: -0.015em;
}
}
@mixin link-style($link: $color-blue-highlight, $visited: lighten($color-blue,25), $hover: lighten($color-blue-highlight,2), $active: lighten($color-blue-highlight,2)) {