https://github.com/dangvanthanh/postcss-longshadow-text

Postcss plugin for long shadow text
https://github.com/dangvanthanh/postcss-longshadow-text

css longshadow-text postcss postcss-plugins shadow-text

Last synced: 3 months ago
JSON representation

Postcss plugin for long shadow text

• Host: GitHub
• URL: https://github.com/dangvanthanh/postcss-longshadow-text
• Owner: dangvanthanh
• License: mit
• Created: 2016-04-18T04:38:08.000Z (almost 9 years ago)
• Default Branch: main
• Last Pushed: 2023-10-07T14:47:24.000Z (over 1 year ago)
• Last Synced: 2024-09-15T09:41:48.805Z (4 months ago)
• Topics: css, longshadow-text, postcss, postcss-plugins, shadow-text
• Language: JavaScript
• Size: 514 KB
• Stars: 8
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# PostCSS Long Shadow Text

> PostCSS plugin for long shadow text

![](screenshot.png)

## Install

```

$ npm install --save postcss-longshadow-text

```

## Configure

Add the plugin to plugin list

```js

module.exports = {

	plugins: {

		require('postcss-longshadow-text')

	}

}

```

See [Postcss](https://github.com/postcss/postcss) docs for examples for your environment.

## API

### Stylesheets

```css

.foo {

	longshadow-text: [direction] [size] [color] [type];

}

```

Examples

```

.text-element {

	longshadow-text: top 70 #a13c32 text;

}

.box-element {

	longshadow-text: bottom 120 #702c70 box;

}

```

### Options

| Options      | Description                 | Value                                                                   |

|--------------|-----------------------------|-------------------------------------------------------------------------|

| `direction`  | Position of shadow text     | `top`, `right`, `bottom`, `left`, `top-left`, `top-right`, `bottom-left`, `bottom-right` |

| `size`       | Size of shadow text         | Number such as 10, 20, 30                                               |

| `color`      | Color of shadow text        | HEX, RGB, RGBA, HSL                                                     |

| `type`       | What kind of shadow to add  | `text` or `box`                                                         |

## Team

[![Dang Van Thanh](https://avatars3.githubusercontent.com/u/2674850?v=3&s=100)](https://github.com/dangvanthanh) |

---|

[Dang Van Thanh](https://github.com/dangvanthanh) |

## License

MIT © [Dang Van Thanh](https://dangthanh.org)