vhad/DefinitelyTyped
1
0
Fork 0
mirror of https://github.com/gosticks/DefinitelyTyped.git synced 2026-01-31 22:17:30 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update styled-jsx/css typings, add tests for methods css.global and css.resolve

Browse Source
This commit is contained in:
okampfer 2018-08-25 11:30:55 +08:00
parent 87e310cfca
commit 1a092b0b22
1 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
types/styled-jsx/styled-jsx-tests.tsx
View File

@ -26,6 +26,29 @@ const withSeparatedCSS = (
</div>
);
const globalCSS = css.global`body { margin: 0; }`;
const withGlobalCSS = (
<div>
<style jsx global>{globalCSS}</style>
</div>
);
const resolvedCSS = css.resolve`a { color: green; }`;
const withResolvedCSS = (
<div>
<button className={resolvedCSS.className}>About</button>
{resolvedCSS.styles}
</div>
);
const dynamicResolvedCSS = css.resolve`a { color: ${buttonColor}; }`;
const withDynamicResolvedCSS = (
<div>
<button className={dynamicResolvedCSS.className}>About</button>
{dynamicResolvedCSS.styles}
</div>
);
const stylesChildren = flushToReact();
const jsxToRender = (
<head>{ stylesChildren }</head>