No project description provided
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.
Project details
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
lektor-tailwind-0.0.2.tar.gz
(1.7 MB
view hashes)
Built Distribution
Close
Hashes for lektor_tailwind-0.0.2-py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | 398802542e78f250dc625bb3fce2df24a401845ce67a81360025074b1e7c02de |
|
MD5 | ced0d0554671876fd3b7f785f1f7f555 |
|
BLAKE2b-256 | 42f93540e2e0cf3f2a94a336bb1c81e9ef6a376ce7345db5824bf6cedbbd1dc9 |