diff --git a/examples/tailwind/README.md b/examples/tailwind/README.md new file mode 100644 index 0000000000..a0c32cd9a0 --- /dev/null +++ b/examples/tailwind/README.md @@ -0,0 +1,10 @@ +--- +layout: layouts/main.njk +title: Tailwind +--- + +### Learn more + +- [Tailwind docs on Snowpack][tailwind] + +[tailwind]: https://www.snowpack.dev/guides/tailwind-css/ diff --git a/examples/tailwind/package.json b/examples/tailwind/package.json new file mode 100644 index 0000000000..a5a8269a0b --- /dev/null +++ b/examples/tailwind/package.json @@ -0,0 +1,17 @@ +{ + "name": "@snowpack/example-react-loadable-components", + "version": "0.0.1", + "private": true, + "scripts": { + "start": "snowpack dev", + "build": "snowpack build" + }, + "dependencies": {}, + "devDependencies": { + "@snowpack/plugin-postcss": "^1.2.2", + "postcss": "^8.2.15", + "postcss-cli": "^8.3.1", + "snowpack": "^3.4.0", + "tailwindcss": "^2.1.2" + } +} diff --git a/examples/tailwind/postcss.config.js b/examples/tailwind/postcss.config.js new file mode 100644 index 0000000000..46ec55d46b --- /dev/null +++ b/examples/tailwind/postcss.config.js @@ -0,0 +1,6 @@ +module.exports = { + plugins: { + tailwindcss: {}, + // other plugins can go here, such as autoprefixer + }, +}; diff --git a/examples/tailwind/public/global.css b/examples/tailwind/public/global.css new file mode 100644 index 0000000000..b5c61c9567 --- /dev/null +++ b/examples/tailwind/public/global.css @@ -0,0 +1,3 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; diff --git a/examples/tailwind/public/index.html b/examples/tailwind/public/index.html new file mode 100644 index 0000000000..38e300e4d7 --- /dev/null +++ b/examples/tailwind/public/index.html @@ -0,0 +1,31 @@ + + +
+ +