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

Author: christiankaindl

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": {

rollup.config.js

@@ -16,7 +16,7 @@ export default {
   plugins: [
     typescript(),
     postcss({
-      plugins: []
+      extract: true
     })
   ],
   external: ['react', 'react-dom']

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,