From 4194231444174bd204fecfedf3f36b4dbe3bf014 Mon Sep 17 00:00:00 2001 From: Badri Sunderarajan Date: Fri, 10 Apr 2020 15:41:24 +0530 Subject: [PATCH] @import all styles to style.css Let's modularise our CSS and @import it all to one place! --- package.json | 3 ++- postcss.config.js | 1 + src/index.htm | 2 +- src/style.css | 3 +++ src/tailwind.css | 3 --- yarn.lock | 14 ++++++++++++-- 6 files changed, 19 insertions(+), 7 deletions(-) create mode 100644 src/style.css delete mode 100644 src/tailwind.css diff --git a/package.json b/package.json index d2058f3..0569c86 100644 --- a/package.json +++ b/package.json @@ -4,12 +4,13 @@ "autoprefixer": "^9.7.5", "cssnano": "^4.1.10", "npm-run-all": "^4.1.5", + "postcss-import": "^12.0.1", "tailwindcss": "^1.2.0", "watch": "^1.0.2" }, "scripts": { "build": "npm-run-all build:css build:html", - "build:css": "postcss src/tailwind.css -o dist/tailwind.css", + "build:css": "postcss src/style.css -o dist/style.css", "build:html": "eleventy", "watch": "watch 'npm run build' ./src" }, diff --git a/postcss.config.js b/postcss.config.js index 1933687..274ed56 100644 --- a/postcss.config.js +++ b/postcss.config.js @@ -3,6 +3,7 @@ const cssnano = require('cssnano') module.exports = { plugins: [ + require('postcss-import'), require('tailwindcss'), process.env.NODE_ENV === 'production' ? require('autoprefixer') : null, process.env.NODE_ENV === 'production' diff --git a/src/index.htm b/src/index.htm index b529daa..fea1ddc 100644 --- a/src/index.htm +++ b/src/index.htm @@ -3,7 +3,7 @@ Snipette Writers' Programme - +
diff --git a/src/style.css b/src/style.css new file mode 100644 index 0000000..76fcadc --- /dev/null +++ b/src/style.css @@ -0,0 +1,3 @@ +@import "tailwindcss/base"; +@import "tailwindcss/components"; +@import "tailwindcss/utilities"; diff --git a/src/tailwind.css b/src/tailwind.css deleted file mode 100644 index b5c61c9..0000000 --- a/src/tailwind.css +++ /dev/null @@ -1,3 +0,0 @@ -@tailwind base; -@tailwind components; -@tailwind utilities; diff --git a/yarn.lock b/yarn.lock index 4c73e16..98ea7e0 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3235,6 +3235,16 @@ postcss-functions@^3.0.0: postcss "^6.0.9" postcss-value-parser "^3.3.0" +postcss-import@^12.0.1: + version "12.0.1" + resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-12.0.1.tgz#cf8c7ab0b5ccab5649024536e565f841928b7153" + integrity sha512-3Gti33dmCjyKBgimqGxL3vcV8w9+bsHwO5UrBawp796+jdardbcFl4RP5w/76BwNL7aGzpKstIfF9I+kdE8pTw== + dependencies: + postcss "^7.0.1" + postcss-value-parser "^3.2.3" + read-cache "^1.0.0" + resolve "^1.1.7" + postcss-js@^2.0.0: version "2.0.3" resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-2.0.3.tgz#a96f0f23ff3d08cec7dc5b11bf11c5f8077cdab9" @@ -3478,7 +3488,7 @@ postcss-unique-selectors@^4.0.1: postcss "^7.0.0" uniqs "^2.0.0" -postcss-value-parser@^3.0.0, postcss-value-parser@^3.3.0: +postcss-value-parser@^3.0.0, postcss-value-parser@^3.2.3, postcss-value-parser@^3.3.0: version "3.3.1" resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281" integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ== @@ -3838,7 +3848,7 @@ resolve-url@^0.2.1: resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a" integrity sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo= -resolve@^1.1.6, resolve@^1.10.0, resolve@^1.14.2: +resolve@^1.1.6, resolve@^1.1.7, resolve@^1.10.0, resolve@^1.14.2: version "1.15.1" resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.15.1.tgz#27bdcdeffeaf2d6244b95bb0f9f4b4653451f3e8" integrity sha512-84oo6ZTtoTUpjgNEr5SJyzQhzL72gaRodsSfyxC/AXRvwu0Yse9H8eF9IpGo7b8YetZhlI6v7ZQ6bKBFV/6S7w==