Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 | 360x 1x 358x 358x 358x 358x 358x 358x 358x 358x | import { createGlobalStyle } from "styled-components";
export const MOBILE_MARGIN = 10;
export const GlobalStyle = createGlobalStyle`
html {
color: ${(props) => props.theme.textMain};
display: flex;
font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
font-size: ${(props) => props.theme.fontSizeNormal};
/* Reserve space for the scrollbar so the layout doesn't shift when
filtering makes the page short enough to lose it */
scrollbar-gutter: stable;
}
body {
background: ${(props) => props.theme.backgroundBody};
padding-bottom: 32px;
margin: 0;
width: 100%;
@media (max-width: ${(props) => props.theme.breakpointPhone}) {
padding-bottom: 0;
}
}
#main {
background: ${(props) => props.theme.backgroundMain};
max-width: 1024px;
margin: auto;
@media (max-width: ${(props) => props.theme.breakpointPhone}) {
margin: 0 0 10px 0;
}
}
input[type='text'],
input[type='number'],
input[type='password'],
textarea {
font-size: ${(props) => props.theme.fontSizeNormal};
}
a {
color: ${(props) => props.theme.textLink};
text-decoration: underline;
}
a:hover,
a:focus {
cursor: pointer;
}
label {
margin: 0 10px 0 0;
}
ul {
margin: 10px 0 0 30px;
padding: 0;
}
`;
|