UNPKG

pattern.css

Version:

CSS library of modern background patterns

73 lines (50 loc) • 2.04 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
# pattern.css CSS only library to fill your empty background with beautiful patterns. See the full [documentation](https://bansal.io/pattern-css) ![Preview](preview.jpg) ## Features - Only CSS. No JavaScript! - < 1KB minified and gzipped! - Supports all modern browsers - Built Using SCSS. - Full color control. ## Installation ### via npm ```bash npm install pattern.css ``` ### via cdn ```html <link href="https://unpkg.com/pattern.css" rel="stylesheet"> ``` ### download ```html <link href="dist/pattern.min.css" rel="stylesheet"> ``` ## Usage pattern.css can be used with any css framework. ### With shorthand framework ```html <div class="pattern-checks-sm bg-blue white">...</div> ``` ### With bootstrap framework ```html <div class="pattern-checks-sm bg-primary text-white">...</div> ``` ## Pattern Classes |small|medium|large|extra large| |--- |--- |--- |--- | |pattern-checks-sm|pattern-checks-md|pattern-checks-lg|pattern-checks-xl| |pattern-grid-sm|pattern-grid-md|pattern-grid-lg|pattern-grid-xl| |pattern-dots-sm|pattern-dots-md|pattern-dots-lg|pattern-dots-xl| |pattern-cross-dots-sm|pattern-cross-dots-md|pattern-cross-dots-lg|pattern-cross-dots-xl| |pattern-diagonal-lines-sm|pattern-diagonal-lines-md|pattern-diagonal-lines-lg|pattern-diagonal-lines-xl| |pattern-horizontal-lines-sm|pattern-horizontal-lines-md|pattern-horizontal-lines-lg|pattern-horizontal-lines-xl| |pattern-vertical-lines-sm|pattern-vertical-lines-md|pattern-vertical-lines-lg|pattern-vertical-lines-xl| |pattern-diagonal-stripes-sm|pattern-diagonal-stripes-md|pattern-diagonal-stripes-lg|pattern-diagonal-stripes-xl| |pattern-horizontal-stripes-sm|pattern-horizontal-stripes-md|pattern-horizontal-stripes-lg|pattern-horizontal-stripes-xl| |pattern-vertical-stripes-sm|pattern-vertical-stripes-md|pattern-vertical-stripes-lg|pattern-vertical-stripes-xl| |pattern-triangles-sm|pattern-triangles-md|pattern-triangles-lg|pattern-triangles-xl| |pattern-zigzag-sm|pattern-zigzag-md|pattern-zigzag-lg|pattern-zigzag-xl| ## License MIT