Installation

Make sure you have bower installed or install it via npm install -g bower.

console

bower install pttrn --save

less

@import "bower_components/pttrn/less/pttrn";

html

<link rel="stylesheet" href="path/to/pttrn.css">

Usage

less

.foo{
    .pttrn-hexagon();
}

.bar{
    .pttrn-hexagon(#ED5821);
}

html

<div class="foo">
    pttrn
</div>

<div class="bar">
    pttrn with color
</div>

html

<div class="pttrn-hexagon">
    pttrn
</div>

Default color is #333333, but you can change .pttrn color from here.

pttrn-horizontal

pttrn-vertical

pttrn-polkadot

pttrn-hexagon

pttrn-square

pttrn-circle

pttrn-snake

pttrn-plus

pttrn-diamond

pttrn-diamondero

pttrn-sarung

For example, you can download example.png