postcss-longshadow-text

Postcss plugin for long shadow text

Usage no npm install needed!

<script type="module">
  import postcssLongshadowText from 'https://cdn.skypack.dev/postcss-longshadow-text';
</script>

README

PostCSS Long Shadow Text

PostCSS plugin for long shadow text

Install

$ npm install --save postcss-longshadow-text

Configure

Add the plugin to plugin list

module.exports = {
    plugins: {
        require('postcss-longshadow-text')
    }
}

See Postcss docs for examples for your environment.

API

Stylesheets

.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
Dang Van Thanh

License

MIT © Dang Van Thanh