Extract CSS into its own file, to make it SSR compatible

quantargo · Mar 8, 2021 · f0dcfd3 · f0dcfd3
1 parent f5c6196
commit f0dcfd3
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@quantargo/react-layout",
-  "version": "2.1.2",
+  "version": "2.2.0",
   "description": "Drop-in layout components with zero configuration",
   "main": "dist/index.js",
   "scripts": {

diff --git a/rollup.config.js b/rollup.config.js
@@ -16,7 +16,7 @@ export default {
   plugins: [
     typescript(),
     postcss({
-      plugins: []
+      extract: true
     })
   ],
   external: ['react', 'react-dom']

diff --git a/src/LayoutAuto.tsx b/src/LayoutAuto.tsx
@@ -13,6 +13,9 @@ export type LayoutAutoProps = {
 
 type Ref = HTMLElement
 
+/**
+ * LayoutAuto is designed to fill the gap for the CSS `gap` property, until it is more widely supported.
+ */
 export const LayoutAuto = React.forwardRef<Ref, LayoutAutoProps>(function LayoutAuto ({
   gap = 1,
   children,