Skip to content

Instantly share code, notes, and snippets.

@nparsons08 nparsons08/global.js Secret forked from LukeSmetham/global.js
Created Sep 24, 2019

Embed
What would you like to do?
import { createGlobalStyle } from 'styled-components';
export default createGlobalStyle`
* {
outline: none;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
html {
height: 100%;
width: 100%;
}
body {
background-color: ${({ theme }) => theme.color.background};
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
min-height: 100vh;
color: ${({ theme }) => theme.color.text};
display: flex;
align-items: stretch;
flex-direction: column;
}
#root {
display: flex;
align-items: stretch;
flex-direction: column;
flex: 1;
}
h1, h2, h3, h4, h5, h6, h7, h8 {
margin: 0;
}
p {
margin: 0;
}
`;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.