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

ui: improve headings typography

Browse Source
This commit is contained in:
Jean-Philippe Sirois
2020-07-24 12:40:19 -04:00
parent 608f3496f1
commit 48f81e904a
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"
function modularScaleCSS(power: number) {
const { fontSize, lineHeight } = modularScale(power)
const { fontSize } = modularScale(power)
return css`
font-size: ${fontSize}px;
line-height: ${lineHeight}px;
line-height: 1.4;
`
}
@@ -70,19 +70,19 @@ export const MarkdownWrapper = styled.div`
}
h2 + h3 {
margin-top: 0;
margin-top: ${BASE_LINE_HEIGHT}px;
}
h3 + h4 {
margin-top: 0;
margin-top: ${BASE_LINE_HEIGHT}px;
}
h4 + h5 {
margin-top: 0;
margin-top: ${BASE_LINE_HEIGHT}px;
}
h5 + h6 {
margin-top: 0;
margin-top: ${BASE_LINE_HEIGHT}px;
}
h2 ~ h2::before {