Stone_Red/website
1
0
Fork 0
mirror of https://github.com/Stone-Red-Code/website.git synced 2026-09-07 16:06:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #296 from the-programmers-hangout/ui-improve-headings-typography

Browse Source 
ui: improve headings typography
This commit is contained in:
Jean-Philippe Sirois
2020-07-24 12:52:06 -04:00
committed by GitHub
parent 608f3496f1 48f81e904a
commit b48d66df58
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Markdown/styles.tsx
+6 -6
View File
@@ -7,11 +7,11 @@ import {
} from "../../design/typography" } from "../../design/typography"
function modularScaleCSS(power: number) { function modularScaleCSS(power: number) {
const { fontSize, lineHeight } = modularScale(power) const { fontSize } = modularScale(power)
return css` return css`
font-size: ${fontSize}px; font-size: ${fontSize}px;
line-height: ${lineHeight}px; line-height: 1.4;
` `
} }
@@ -70,19 +70,19 @@ export const MarkdownWrapper = styled.div`
} }
h2 + h3 { h2 + h3 {
margin-top: 0; margin-top: ${BASE_LINE_HEIGHT}px;
} }
h3 + h4 { h3 + h4 {
margin-top: 0; margin-top: ${BASE_LINE_HEIGHT}px;
} }
h4 + h5 { h4 + h5 {
margin-top: 0; margin-top: ${BASE_LINE_HEIGHT}px;
} }
h5 + h6 { h5 + h6 {
margin-top: 0; margin-top: ${BASE_LINE_HEIGHT}px;
} }
h2 ~ h2::before { h2 ~ h2::before {