crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Format styles

Browse Source
This commit is contained in:
Fred Carlsen
2018-11-29 15:57:03 +01:00
parent b461147389
commit 5294c31997
1 changed files with 19 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
packages/website/ts/@next/constants/globalStyle.tsx
View File

@@ -1,11 +1,11 @@
import { createGlobalStyle } from 'styled-components'; import {createGlobalStyle} from 'styled-components';
import { cssReset } from 'ts/@next/constants/cssReset'; import {cssReset} from 'ts/@next/constants/cssReset';
import { colors } from 'ts/style/colors'; import {colors} from 'ts/style/colors';
// Not sure if cssReset is already imported into index.tsx // Not sure if cssReset is already imported into index.tsx Also: currently
// Also: currently createglobalStyle from styled-components is // createglobalStyle from styled-components is throwing a warning about how
// throwing a warning about how there's not typing exported from styled-comps // there's not typing exported from styled-comps
const GlobalStyles = createGlobalStyle` const GlobalStyles = createGlobalStyle `
${cssReset}; ${cssReset};
@font-face { @font-face {
@@ -32,7 +32,17 @@ const GlobalStyles = createGlobalStyle`
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
color: #fff; 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;
}
`; `;
export {GlobalStyles};
export { GlobalStyles }