Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/florian-lefebvre/tailwind-stroke-color

About Tailwindcss plugin to color svg stokes.
https://github.com/florian-lefebvre/tailwind-stroke-color

javascript js npm npm-package package tailwindcss tailwindcss-plugin

Last synced: about 1 month ago
JSON representation

About Tailwindcss plugin to color svg stokes.

Awesome Lists containing this project

README

        

# Stroke Color - TailwindCSS Plugin

[![npm](https://img.shields.io/npm/v/tailwind-stroke-color.svg?style=flat-square)](https://www.npmjs.com/package/tailwind-stroke-color)
[![npm](https://img.shields.io/npm/dt/tailwind-stroke-color.svg?style=flat-square)](https://www.npmjs.com/package/tailwind-stroke-color)

This plugin generates classes for coloring strokes using `stroke: #;`.

## Installation

Pull it in through npm or yarn:

```bash
npm install tailwind-stroke-color
```

```bash
yarn add tailwind-stroke-color
```

## Usage

Add it to the plugins array of your Tailwind config.

```js
plugins: [
// Other plugins
require('tailwind-stroke-color')(),
],
```

For each color in `colors` config of tailwind a `stroke-{color}` class is created, analog to `bg-` and `text-` classes.

## License

This project is licensed under the [MIT License](https://opensource.org/licenses/MIT).