- scsscompile: SASS compiler for Lektor, thats based on libsass.
+
+
+
+
+
+
+ tailwind: A Lektor plugin that adds Tailwind CSS to your project seamlessly.
+
+
diff --git a/plugins/tag/server-spawn/index.html b/plugins/tag/server-spawn/index.html
index 75665600..f6fe269f 100644
--- a/plugins/tag/server-spawn/index.html
+++ b/plugins/tag/server-spawn/index.html
@@ -161,6 +161,15 @@
+
+
-
+
Previous
-
+
Next
diff --git a/plugins/categories/build/index.html b/plugins/categories/build/index.html
index df994067..92070c83 100644
--- a/plugins/categories/build/index.html
+++ b/plugins/categories/build/index.html
@@ -196,6 +196,15 @@
+ tailwind: A Lektor plugin that adds Tailwind CSS to your project seamlessly.
+
+
+
+
+
+
+
+
webpack-html-helper: Observes the assets directory for html files and copies them into the templates folder.
diff --git a/plugins/categories/index.html b/plugins/categories/index.html
index 6936559c..500a1fe5 100644
--- a/plugins/categories/index.html
+++ b/plugins/categories/index.html
@@ -85,7 +85,7 @@
diff --git a/plugins/index.html b/plugins/index.html
index 48c8a160..f607e291 100644
--- a/plugins/index.html
+++ b/plugins/index.html
@@ -201,6 +201,15 @@
+ tailwind: A Lektor plugin that adds Tailwind CSS to your project seamlessly.
+
+
+
+
+
+
+
+
webpack-html-helper: Observes the assets directory for html files and copies them into the templates folder.
diff --git a/plugins/lektor-tailwind/index.html b/plugins/lektor-tailwind/index.html
new file mode 100644
index 00000000..2fbf29a7
--- /dev/null
+++ b/plugins/lektor-tailwind/index.html
@@ -0,0 +1,260 @@
+
+
+
+
+
+
+
+
+
+ | Lektor Static Content Management System
+
+
+
+
+ minify: Minify build artifacts during the Lektor build process
+
+
+
+
+
+
+ tailwind: A Lektor plugin that adds Tailwind CSS to your project seamlessly.
+
+
diff --git a/plugins/tag/before-build-all/index.html b/plugins/tag/before-build-all/index.html
index 3f6c692c..fcb85dc9 100644
--- a/plugins/tag/before-build-all/index.html
+++ b/plugins/tag/before-build-all/index.html
@@ -173,6 +173,15 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Plugin – lektor-tailwind 0.1.0
+
+
+
+
+
+
+
+ A Lektor plugin that adds Tailwind CSS to your project seamlessly.
+
+
+
+
+
+ Project links
+-
+
- Homepage +
+
+
+
+
+ GitHub Statistics
+
+
+ Meta
+Version: 0.1.0
+Author: + + Frost Ming + +
+ + +
+
+
+
+
+ before-build-all,
+
+
+ CSS,
+
+ and
+ server-spawn
+
+
+ Tags
++ View all tags. +
+
+
+ Project Description
+ +Lektor 💛 Tailwind CSS
+A Lektor plugin that adds Tailwind CSS to your project seamlessly.
+
+
Get Started
+-
+
-
+
Add plugin to your project
+$ lektor plugin add lektor-tailwind +$ lektor plugin list +
+
+ -
+
Configure your template paths
+In
+tailwindcss.config.js:module.exports = { + content: ['./templates/**/*.{html,j2}'], + theme: { + extend: {}, + }, + plugins: [], +} +
+
+ -
+
Add the Tailwind directives to your CSS
+In
+assets/static/style.css:@tailwind base; +@tailwind components; +@tailwind utilities; +
+
+ -
+
Start lektor build or server:
+$ lektor build +$ lektor server +
+
+
You got it. Please refer to official Tailwind documentation for more information on using Tailwind CSS and its CLI.
+Configuration
+By default, the input CSS file in assets/static/style.css, while it can be changed by css_path plugin config.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/plugins/tag/CSS/index.html b/plugins/tag/CSS/index.html
index b2b5fac5..d1791875 100644
--- a/plugins/tag/CSS/index.html
+++ b/plugins/tag/CSS/index.html
@@ -108,6 +108,15 @@
+
+
- 
+ 
+
- 
+
+
-
+
+
- 
+ 
+
-
+
+
- 
+ 
+
-
+
+
-
-
-
- 
-
-
- 
+
+
+
+
+
+
-
-
-
- 
-
-
-
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
- 
+ 
Comments
+ + + + + +