Splendid tailwind

Plugin: Sticky

This plugin adds a sticking: variant. It is used together with the Sticky layout.

Installation

You can include this plugin in your Tailwind config like this:

tailwind.config.js
import { sticky } from '@splendidlabz/tailwind/plugins'


export default {
  plugins: [sticky],
  // ... other configurations ...
}
Note

This plugin is already included in the layouts preset.

Usage

Use the sticking: variant to style items that are sticking. For it to work, you must also be using Sticky.

<div class="Sticky Sticky-check sticking:bg-blue-500"> ... </div>