Skip to main content

A Lektor plugin that adds Tailwind CSS to your project seamlessly.

Project description

Lektor 💛 Tailwind CSS

A Lektor plugin that adds Tailwind CSS to your project seamlessly.

Build Status PyPI - Python Version PyPI

Get Started

  1. Add plugin to your project

    $ lektor plugin add lektor-tailwind
    $ lektor plugin list
    
  2. Configure your template paths

    In tailwindcss.config.js:

    module.exports = {
      // './' refers to the lektor build output directory, NOT the project dir
      content: ['./**/*.html'],
      theme: {
        extend: {},
      },
      plugins: [],
    }
    
  3. Add the Tailwind directives to your CSS

    In assets/static/style.css:

    @tailwind base;
    @tailwind components;
    @tailwind utilities;
    
  4. 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.1.3.tar.gz (1.7 MB view details)

Uploaded Source

Built Distribution

lektor_tailwind-0.1.3-py3-none-any.whl (3.9 kB view details)

Uploaded Python 3

File details

Details for the file lektor-tailwind-0.1.3.tar.gz.

File metadata

  • Download URL: lektor-tailwind-0.1.3.tar.gz
  • Upload date:
  • Size: 1.7 MB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/5.0.0 CPython/3.10.13

File hashes

Hashes for lektor-tailwind-0.1.3.tar.gz
Algorithm Hash digest
SHA256 96cd93e35797626a75b851e69b01a45ce1ce1964523f8c483956d072083636c1
MD5 46663a51759d1d0177127bd7e0582647
BLAKE2b-256 e2bcf2b88118543bec797874d4b585a95d231b70c499f5326bb9dba62e7e5d0d

See more details on using hashes here.

File details

Details for the file lektor_tailwind-0.1.3-py3-none-any.whl.

File metadata

File hashes

Hashes for lektor_tailwind-0.1.3-py3-none-any.whl
Algorithm Hash digest
SHA256 d55203546955de4be37530714cccd734f3bc5bb0cf43a9dfa620a87ececba269
MD5 93bd52f60b954b8f2702a0e26f132e9a
BLAKE2b-256 768f873b5e6c91db2524bc64b8ecc6b51adecc2f310ddb57130df52a6f1b470c

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page