mirror of
https://github.com/Stone-Red-Code/website.git
synced 2026-09-05 07:56:15 +02:00
42 lines
894 B
TypeScript
42 lines
894 B
TypeScript
import { createGlobalStyle } from "styled-components"
|
|
import {
|
|
BASE_FONT_SIZE,
|
|
BASE_LINE_HEIGHT,
|
|
fontFamily,
|
|
} from "./design/typography"
|
|
|
|
export const GlobalStyles = createGlobalStyle`
|
|
html {
|
|
font-family: ${fontFamily.body};
|
|
-ms-text-size-adjust: 100%;
|
|
-webkit-text-size-adjust: 100%;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
font-size: ${BASE_FONT_SIZE}px;
|
|
line-height: ${BASE_LINE_HEIGHT}px;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
/* TODO: probably extract this */
|
|
.gatsby-highlight pre[class*="language-"].line-numbers {
|
|
padding-left: 2.8em;
|
|
}
|
|
|
|
.gatsby-highlight {
|
|
background-color: #fdf6e3;
|
|
border-radius: 0.3em;
|
|
margin: 0.5em 0;
|
|
padding: 1em;
|
|
overflow: auto;
|
|
}
|
|
|
|
.gatsby-highlight pre[class*="language-"].line-numbers {
|
|
padding: 0;
|
|
padding-left: 2.8em;
|
|
overflow: initial;
|
|
}
|
|
`
|