diff --git a/taking-flight-with-tailwind-css/code/20-loops.txt b/taking-flight-with-tailwind-css/code/20-loops.txt
index b39f060..2152e8a 100644
--- a/taking-flight-with-tailwind-css/code/20-loops.txt
+++ b/taking-flight-with-tailwind-css/code/20-loops.txt
@@ -1,5 +1,3 @@
-{# base.html.twig #}
-
{% for item in navItems %}
{{ item.title }}
-{% endfor %}
\ No newline at end of file
+{% endfor %}
diff --git a/taking-flight-with-tailwind-css/code/21-includes.txt b/taking-flight-with-tailwind-css/code/21-includes.txt
index c2ad178..c27f09d 100644
--- a/taking-flight-with-tailwind-css/code/21-includes.txt
+++ b/taking-flight-with-tailwind-css/code/21-includes.txt
@@ -1,12 +1,12 @@
-{# classes.html.twig #}
-
Adults
+
{% include 'class-list' with {
classes: page.classes,
type: 'adults',
} %}
Kids
+
{% include 'class-list' with {
classes: page.classes,
type: 'kids',
diff --git a/taking-flight-with-tailwind-css/code/additional-config-options.txt b/taking-flight-with-tailwind-css/code/additional-config-options.txt
index 05a8034..e61ef7b 100644
--- a/taking-flight-with-tailwind-css/code/additional-config-options.txt
+++ b/taking-flight-with-tailwind-css/code/additional-config-options.txt
@@ -1,14 +1 @@
-module.exports = {
- important: true,
- prefix: '',
- separator: ':',
- purge: [],
- darkMode: false, // or 'media' or 'class'
- theme: {
- colors: {
- inherit: 'inherit'
- },
- extend: {},
- },
- // ...
-}
+aa
diff --git a/taking-flight-with-tailwind-css/code/extending-colours.txt b/taking-flight-with-tailwind-css/code/extending-colours.txt
index 53a0ec2..0fe0b8a 100644
--- a/taking-flight-with-tailwind-css/code/extending-colours.txt
+++ b/taking-flight-with-tailwind-css/code/extending-colours.txt
@@ -1,6 +1,6 @@
+/** @type {import('tailwindcss').Config} */
module.exports = {
- purge: [],
- darkMode: false, // or 'media' or 'class'
+ content: [],
theme: {
extend: {
colors: {
@@ -8,5 +8,5 @@ module.exports = {
}
},
},
- // ...
+ plugins: [],
}
diff --git a/taking-flight-with-tailwind-css/code/override-colours.txt b/taking-flight-with-tailwind-css/code/override-colours.txt
index 658637c..fa12e2e 100644
--- a/taking-flight-with-tailwind-css/code/override-colours.txt
+++ b/taking-flight-with-tailwind-css/code/override-colours.txt
@@ -1,11 +1,11 @@
+/** @type {import('tailwindcss').Config} */
module.exports = {
- purge: [],
- darkMode: false, // or 'media' or 'class'
+ content: [],
theme: {
colors: {
inherit: 'inherit'
},
extend: {},
},
- // ...
+ plugins: [],
}
diff --git a/taking-flight-with-tailwind-css/code/plugins-plugin-source.txt b/taking-flight-with-tailwind-css/code/plugins-plugin-source.txt
index e24a51f..d794219 100644
--- a/taking-flight-with-tailwind-css/code/plugins-plugin-source.txt
+++ b/taking-flight-with-tailwind-css/code/plugins-plugin-source.txt
@@ -1,13 +1,10 @@
-// index.js
+const plugin = require("tailwindcss/plugin");
-module.exports = variants => ({ addUtilities }) => {
- addUtilities(
- {
- '.list-reset': {
- listStyle: 'none',
- padding: 0,
- },
+plugin(function({ addUtilities }) {
+ addUtilities({
+ '.list-reset': {
+ listStyle: 'none',
+ padding: 0,
},
- variants,
- )
-}
+ })
+})
diff --git a/taking-flight-with-tailwind-css/code/tailwind-basic-config.txt b/taking-flight-with-tailwind-css/code/tailwind-basic-config.txt
index 62dfdaf..32e3abd 100644
--- a/taking-flight-with-tailwind-css/code/tailwind-basic-config.txt
+++ b/taking-flight-with-tailwind-css/code/tailwind-basic-config.txt
@@ -1,11 +1,8 @@
+/** @type {import('tailwindcss').Config} */
module.exports = {
- purge: [],
- darkMode: false, // or 'media' or 'class'
+ content: [],
theme: {
extend: {},
},
- variants: {
- extend: {},
- },
plugins: [],
}
diff --git a/taking-flight-with-tailwind-css/code/tailwind-config-content.js b/taking-flight-with-tailwind-css/code/tailwind-config-content.js
new file mode 100644
index 0000000..ad75b41
--- /dev/null
+++ b/taking-flight-with-tailwind-css/code/tailwind-config-content.js
@@ -0,0 +1,7 @@
+// tailwind.config.js
+
+module.exports = {
+ mode: "jit",
+ content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
+ // ...
+}
diff --git a/taking-flight-with-tailwind-css/demo/index.html b/taking-flight-with-tailwind-css/demo/index.html
index 2ea9793..babbc46 100644
--- a/taking-flight-with-tailwind-css/demo/index.html
+++ b/taking-flight-with-tailwind-css/demo/index.html
@@ -4,6 +4,6 @@
- Hello, World!
+ Hello, World!