ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Set unitless lineheight. Not bigger font for mobile.

Browse source
This commit is contained in:
Fredrik Jonsson 2022-01-14 14:54:16 +01:00
commit ef80ad8ef8
1 changed files with 29 additions and 109 deletions
Download patch file Download diff file Expand all files Collapse all files

31
assets/sass/_variables.scss
View file

@ -11,36 +11,19 @@
// homepage](https://github.com/jptaranto/typey).
// The font size set on the root html element.
$base-font-size: 22px;
$base-font-size-2: 18px;
$base-font-size: 18px;
// The base line height determines the basic unit of vertical rhythm.
$base-line-height: 31px;
$base-line-height-2: 25px;
$base-multiplier: $base-font-size / $base-font-size-2;
$xxl-2: 34px * $base-multiplier;
$xl-2: 28px * $base-multiplier;
$l-2: 22px * $base-multiplier;
$m-2: 18px * $base-multiplier;
$s-2: 16px * $base-multiplier;
$xs-2: 14px * $base-multiplier;
$base-line-height: 25px;
// The font sizes in our type hierarchy as tee shirt sizes.
$font-size: (
xxl: 28px,
xl: 26px,
l: 24px,
xxl: 34px,
xl: 28px,
l: 22px,
m: $base-font-size,
s: 18px,
xs: 16px,
xxl-2: $xxl-2,
xl-2: $xl-2,
l-2: $l-2,
m-2: $m-2,
s-2: $s-2,
xs-2: $xs-2
s: 16px,
xs: 14px,
);
// Typey allows you to alter font weights site-wide with this map.