opdavies/presentations
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add Tailwind workshop slides

Browse source
This commit is contained in:
Oliver Davies 2021-02-11 18:03:37 +00:00
parent 7e82c2fd7e
commit be9513edc6
78 changed files with 1154 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

25
workshop-tailwind-css/code/adding-tailwind.txt Normal file
View file

@ -0,0 +1,25 @@
# Add Tailwind, PostCSS, Autoprefixer, PostCSS CLI
yarn add cross-env \
tailwindcss@latest \
postcss@latest \
autoprefixer@latest \
postcss-cli
# Generate Tailwind and PostCSS configuration files
npx tailwindcss init -p
-- adding tailwind
/* assets/css/tailwind.pcss */
@tailwind base;
@tailwind components;
@tailwind utilities;
-- adding scripts
"scripts": {
"dev": "cross-env NODE_ENV=development postcss assets/css/tailwind.pcss -o public/build/tailwind.css",
"prod": "cross-env NODE_ENV=production postcss assets/css/tailwind.pcss -o public/build/tailwind.css",
"watch": "cross-env NODE_ENV=development postcss assets/css/tailwind.pcss -o public/build/tailwind.css --watch"
}
-- adding the stylesheet
<link rel="stylesheet" href="/build/tailwind.css"/>