maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-28 20:53:24 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix regular version of SophiaPro font and Typography.example

Browse source
This commit is contained in:
Vesa Luusua 2017-05-29 19:58:32 +03:00
parent 9c5712151c
commit 2999347351
2 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/containers/StyleguidePage/Typography.example.js
View file

@ -70,7 +70,7 @@ const Fonts = () => {
const fontsContainerClasses = classNames(css.fontsContainer, css.baselines);
return (
<div className={css.content}>
<div className={css.typographyContent}>
<p className={css.spacing2x}>
The line-height of typographic elements is an multiple of 6px on mobile and multiple of 8px
on desktop. In addition to line-height, baselines are adjusted with vertical padding

3
src/marketplace.css
View file

@ -16,7 +16,8 @@ h1,
/* TODO: this seems to be biggest font in Page titles (except in Hero) - is it h1 then? */
@media (min-width: 768px) {
font-family: "sofiapro-semibold";
font-family: "sofiapro";
font-weight: 600;
font-size: 48px;
line-height: 56px;
padding: 7px 0 1px 0; /* 7 + 1 = 8px */