Update website with demo for 'output-components-as-svgstore'

marcomontalbano · Dec 2, 2019 · 0bc410d · 0bc410d
1 parent 81315ea
commit 0bc410d
Show file tree

Hide file tree

Showing 15 changed files with 445 additions and 63 deletions.
diff --git a/packages/website/.babelrc b/packages/website/.babelrc
@@ -0,0 +1,10 @@
+{
+    "plugins": [
+        ["@babel/plugin-transform-react-jsx", { "pragma":"h", "jsxPragma": "h" }],
+        ["babel-plugin-jsx-pragmatic", {
+            "module": "preact",
+            "import": "h",
+            "export": "h"
+        }]
+    ]
+}
diff --git a/packages/website/.figmaexportrc.js b/packages/website/.figmaexportrc.js
@@ -25,16 +25,18 @@ module.exports = {
                     output: './output/es6-dataurl',
                     useDataUrl: true,
                 }),
-                // require('../output-components-as-svgstore')({
-                //     output: './output/svgstore',
-                // }),
-                // require('../output-components-as-svgstore')({
-                //     output: './output/svgstore-monochrome',
-                //     options: {
-                //         prefix: 'monochrome-',
-                //         cleanSymbols: ['fill']
-                //     }
-                // }),
+
+                require('../output-components-as-svgstore')({
+                    output: './output/svgstore',
+                }),
+
+                require('../output-components-as-svgstore')({
+                    output: './output/svgstore-monochrome',
+                    iconPrefix: 'unfilled-',
+                    options: {
+                        cleanSymbols: ['fill']
+                    }
+                }),
             ]
         }]
     ]

diff --git a/packages/website/index.scss b/packages/website/index.scss
@@ -12,6 +12,14 @@ $color-link-hover: #1976D2;
     }
 }
 
+.text-center {
+    text-align: center;
+}
+
+.nowrap {
+    white-space: nowrap;
+}
+
 body {
     margin: 0;
     font-family: Lato;
@@ -181,11 +189,15 @@ pre[class*=language-] {
     padding: 0 15px;
 }
 
+.section-block {
+    margin: 60px 0;
+}
+
 .code-block {
     display: flex;
     justify-content: space-around;
     flex-direction: column;
-    margin: 60px 0 15px 0;
+    margin: 15px 0;
 
     @include for-desktop-up {
         align-items: center;

diff --git a/packages/website/package-lock.json b/packages/website/package-lock.json