https://github.com/still-code/tailwindcss-border-sketch

plugin to add Border Sketch Style to tailwindcss
https://github.com/still-code/tailwindcss-border-sketch

Last synced: 8 months ago
JSON representation

plugin to add Border Sketch Style to tailwindcss

• Host: GitHub
• URL: https://github.com/still-code/tailwindcss-border-sketch
• Owner: still-code
• Created: 2020-05-28T03:36:00.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2022-07-29T03:57:44.000Z (almost 4 years ago)
• Last Synced: 2025-02-16T12:02:37.757Z (over 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 103 KB
• Stars: 6
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

          


# tailwindcss border sketch

Simple plugin that adds Border Sketch Style to tailwindcss

## Example:

![example]( example.png "Logo Title Text 1")

## Demo:

[ATM Blog](http://atmonshi.sa)

## Installation

#### NPM:

```console

npm i tailwindcss-border-sketch

```

#### Yarn:

```console

yarn add tailwindcss-border-sketch

```

## Setup

In your Tailwindcss config file add the pligin to the `plugins` array

```

plugins: [

    require('tailwindcss-border-sketch')(),

]

``` 

Then if you re-run your build suite, all the classes are available to use.

## Usage:

```html

Small :



    border-sketchy-sm hover:border-sketchy-lg



Medium :



    border-sketchy-md hover:border-sketchy-sm



Large :



    border-sketchy-lg hover:border-sketchy-md



```