Skip to content

Latest commit

 

History

History
38 lines (27 loc) · 1.63 KB

README.md

File metadata and controls

38 lines (27 loc) · 1.63 KB

Scrollbar Plugin for Tailwind CSS

Tests Codacy Badge npm

tailwind-scrollbar is a plugin for Tailwind CSS that adds styling utilities for scrollbars with cross-browser support.

Motivation

There are currently two competing standards for styling scrollbars amongst browsers: the scrollbar-width and scrollbar-color properties used by Firefox and newer Chromium-based browsers, and the ::-webkit-scrollbar family of pseudoelements used by everything else. This plugin defines a single API for configuring both standards at once from within Tailwind.

Installation

  1. Add the package to your project
# npm
npm install --save-dev tailwind-scrollbar
# yarn
yarn add -D tailwind-scrollbar
# pnpm
pnpm add -D tailwind-scrollbar
  1. Add the plugin to your Tailwind config
@import 'tailwindcss';

/* ... */

@plugin 'tailwind-scrollbar';

Usage

See the documentation.

License

This project is licensed under the MIT License.