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 = {
      content: ['./templates/**/*.{html,j2}'],
      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.2.tar.gz (1.7 MB view hashes)

Uploaded Source

Built Distribution

lektor_tailwind-0.1.2-py3-none-any.whl (4.2 kB view hashes)

Uploaded Python 3

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