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

License

MIT © Dang Van Thanh