diff options
author | Fred Carlsen <fred@sjelfull.no> | 2018-11-30 19:05:21 +0800 |
---|---|---|
committer | Fred Carlsen <fred@sjelfull.no> | 2018-11-30 19:05:21 +0800 |
commit | 9b6d738ab102b47a133260f8515071396a0fe6cc (patch) | |
tree | e628d5ccac08806cbbacde86691617e5e4f699a3 /packages/website/ts/@next/constants/globalStyle.tsx | |
parent | d586c1f67af425aa5cda9af44b07c47be6c1ff80 (diff) | |
download | dexon-sol-tools-9b6d738ab102b47a133260f8515071396a0fe6cc.tar dexon-sol-tools-9b6d738ab102b47a133260f8515071396a0fe6cc.tar.gz dexon-sol-tools-9b6d738ab102b47a133260f8515071396a0fe6cc.tar.bz2 dexon-sol-tools-9b6d738ab102b47a133260f8515071396a0fe6cc.tar.lz dexon-sol-tools-9b6d738ab102b47a133260f8515071396a0fe6cc.tar.xz dexon-sol-tools-9b6d738ab102b47a133260f8515071396a0fe6cc.tar.zst dexon-sol-tools-9b6d738ab102b47a133260f8515071396a0fe6cc.zip |
Tweak global styles
Diffstat (limited to 'packages/website/ts/@next/constants/globalStyle.tsx')
-rw-r--r-- | packages/website/ts/@next/constants/globalStyle.tsx | 84 |
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}; |