aboutsummaryrefslogtreecommitdiffstats
path: root/packages
diff options
context:
space:
mode:
Diffstat (limited to 'packages')
-rw-r--r--packages/website/ts/@next/constants/globalStyle.tsx84
1 files changed, 47 insertions, 37 deletions
diff --git a/packages/website/ts/@next/constants/globalStyle.tsx b/packages/website/ts/@next/constants/globalStyle.tsx
index be067473b..a7dd3418d 100644
--- a/packages/website/ts/@next/constants/globalStyle.tsx
+++ b/packages/website/ts/@next/constants/globalStyle.tsx
@@ -6,43 +6,53 @@ import {colors} from 'ts/style/colors';
// createglobalStyle from styled-components is throwing a warning about how
// there's not typing exported from styled-comps
const GlobalStyles = createGlobalStyle `
- ${cssReset};
-
- @font-face {
- font-family: "Formular";
- src: url("/fonts/Formular-Light.woff2") format("woff2"), url("/fonts/Formular-Light.woff") format("woff");
- font-weight: 300;
- font-display: swap;
- }
-
- @font-face {
- font-family: "Formular";
- src: url("/fonts/Formular-Regular.woff2") format("woff2"), url("/fonts/Formular-Regular.woff") format("woff");
- font-weight: 400;
- font-display: swap;
- }
-
- html {
- font-size: 18px;
- background-color: ${colors.backgroundBlack};
- }
-
- body {
- font-family: 'Formular', sans-serif !important;
- -webkit-font-smoothing: antialiased;
- color: #fff;
- }
-
- .visuallyHidden {
- position: absolute !important;
- clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
- clip: rect(1px, 1px, 1px, 1px);
- padding:0 !important;
- border:0 !important;
- height: 1px !important;
- width: 1px !important;
- overflow: hidden;
- }
+ ${cssReset};
+
+ @font-face {
+ font-family: "Formular";
+ src: url("/fonts/Formular-Light.woff2") format("woff2"), url("/fonts/Formular-Light.woff") format("woff");
+ font-weight: 300;
+ font-display: swap;
+ }
+
+ @font-face {
+ font-family: "Formular";
+ src: url("/fonts/Formular-Regular.woff2") format("woff2"), url("/fonts/Formular-Regular.woff") format("woff");
+ font-weight: 400;
+ font-display: swap;
+ }
+
+ html {
+ font-size: 18px;
+ background-color: ${colors.backgroundBlack};
+ }
+
+ body {
+ font-family: 'Formular', sans-serif !important;
+ -webkit-font-smoothing: antialiased;
+ color: ${colors.white};
+ }
+
+ .visuallyHidden {
+ position: absolute !important;
+ clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+ clip: rect(1px, 1px, 1px, 1px);
+ padding:0 !important;
+ border:0 !important;
+ height: 1px !important;
+ width: 1px !important;
+ overflow: hidden;
+ }
+
+ p {
+ font-size: 1rem;
+ line-height: 1.444444444em; // 26px
+ }
+
+ :root a {
+ color: inherit;
+ text-decoration: none;
+ }
`;
export {GlobalStyles};