Add logo with white background

styled-system · Feb 27, 2019 · 14dd728 · 14dd728
1 parent e732b37
commit 14dd728
Show file tree

Hide file tree

Showing 5 changed files with 47 additions and 0 deletions.
diff --git a/docs/src/LogoWhite.js b/docs/src/LogoWhite.js
@@ -0,0 +1,25 @@
+import React from 'react'
+import Logo from './Logo'
+
+export default () =>
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    viewBox='0 0 640 640'
+    width={640}
+    height={640}
+    style={{
+      display: 'block',
+      overflow: 'visible',
+      color: 'black',
+    }}>
+    <rect
+      fill='white'
+      width={640}
+      height={640}
+    />
+    <g transform='translate(64 64)'>
+      <Logo />
+    </g>
+  </svg>
+
+
diff --git a/docs/src/pages/beep.js b/docs/src/pages/beep.js
@@ -1,10 +1,12 @@
 import React from 'react'
 import Hex from '../Hex'
 import Logo from '../Logo'
+import LogoWhite from '../LogoWhite'
 import { Box } from '../components'
 
 export default props =>
   <>
+    <LogoWhite />
     <Logo />
     <Box
       p={4}

diff --git a/docs/static/logo-white.png b/docs/static/logo-white.png
diff --git a/docs/static/logo-white.svg b/docs/static/logo-white.svg
diff --git a/package.json b/package.json
@@ -12,6 +12,7 @@
     "build:cjs": "cross-env NODE_ENV=cjs babel src -o dist/index.cjs.js",
     "build:esm": "cross-env NODE_ENV=esm babel src -o dist/index.esm.js",
     "logo-svg": "scrs docs/src/Logo.js --svg > docs/static/logo.svg",
+    "logo-white": "scrs docs/src/LogoWhite.js --svg > docs/static/logo-white.svg",
     "size": "npx bundlesize",
     "cover": "nyc report --reporter=html --reporter=lcov > coverage.lcov",
     "codecov": "nyc report --reporter=html --reporter=lcov > coverage.lcov && npx codecov",