UNPKG

@ontheroaddev/css-national-flags

Version:

Css library from national flags

111 lines (84 loc) ā€¢ 5.86 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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<div align="center"> <a href="https://github.com/On-the-road-dev/css-national-flags"> <img src="https://github.com/On-the-road-dev/css-national-flags/blob/main/docs/logo.png?raw=true" alt="Icon" width="300"/> </a> <br> <br> </div> [See the online doc here](https://on-the-road-dev.github.io/css-national-flags/) # CSS NTIONAL FLAGS šŸ‡¦šŸ‡ØšŸ‡¦šŸ‡©šŸ‡¦šŸ‡ŖšŸ‡¦šŸ‡«šŸ‡¦šŸ‡¬šŸ‡¦šŸ‡®šŸ‡¦šŸ‡±šŸ‡¦šŸ‡²šŸ‡¦šŸ‡“šŸ‡¦šŸ‡¶šŸ‡¦šŸ‡·šŸ‡¦šŸ‡øšŸ‡¦šŸ‡¹šŸ‡¦šŸ‡ŗšŸ‡¦šŸ‡¼šŸ‡¦šŸ‡½šŸ‡¦šŸ‡æšŸ‡§šŸ‡¦šŸ‡§šŸ‡§šŸ‡§šŸ‡©šŸ‡§šŸ‡ŖšŸ‡§šŸ‡«šŸ‡§šŸ‡¬šŸ‡§šŸ‡­šŸ‡§šŸ‡®šŸ‡§šŸ‡ÆšŸ‡§šŸ‡±šŸ‡§šŸ‡²šŸ‡§šŸ‡³šŸ‡§šŸ‡“šŸ‡§šŸ‡¶šŸ‡§šŸ‡·šŸ‡§šŸ‡øšŸ‡§šŸ‡¹šŸ‡§šŸ‡»šŸ‡§šŸ‡¼šŸ‡§šŸ‡¾šŸ‡§šŸ‡æšŸ‡ØšŸ‡¦šŸ‡ØšŸ‡ØšŸ‡ØšŸ‡©šŸ‡ØšŸ‡«šŸ‡ØšŸ‡¬šŸ‡ØšŸ‡­šŸ‡ØšŸ‡®šŸ‡ØšŸ‡°šŸ‡ØšŸ‡±šŸ‡ØšŸ‡²šŸ‡ØšŸ‡³šŸ‡ØšŸ‡“šŸ‡ØšŸ‡µšŸ‡ØšŸ‡·šŸ‡ØšŸ‡ŗšŸ‡ØšŸ‡»šŸ‡ØšŸ‡¼šŸ‡ØšŸ‡½šŸ‡ØšŸ‡¾šŸ‡ØšŸ‡æšŸ‡©šŸ‡ŖšŸ‡©šŸ‡¬šŸ‡©šŸ‡ÆšŸ‡©šŸ‡°šŸ‡©šŸ‡²šŸ‡©šŸ‡“šŸ‡©šŸ‡æšŸ‡ŖšŸ‡¦šŸ‡ŖšŸ‡ØšŸ‡ŖšŸ‡ŖšŸ‡ŖšŸ‡¬šŸ‡ŖšŸ‡­šŸ‡ŖšŸ‡·šŸ‡ŖšŸ‡øšŸ‡ŖšŸ‡¹šŸ‡ŖšŸ‡ŗšŸ‡«šŸ‡®šŸ‡«šŸ‡ÆšŸ‡«šŸ‡°šŸ‡«šŸ‡²šŸ‡«šŸ‡“šŸ‡«šŸ‡·šŸ‡¬šŸ‡¦šŸ‡¬šŸ‡§šŸ‡¬šŸ‡©šŸ‡¬šŸ‡ŖšŸ‡¬šŸ‡«šŸ‡¬šŸ‡¬šŸ‡¬šŸ‡­šŸ‡¬šŸ‡®šŸ‡¬šŸ‡±šŸ‡¬šŸ‡²šŸ‡¬šŸ‡³šŸ‡¬šŸ‡µšŸ‡¬šŸ‡¶šŸ‡¬šŸ‡·šŸ‡¬šŸ‡øšŸ‡¬šŸ‡¹šŸ‡¬šŸ‡ŗšŸ‡¬šŸ‡¼šŸ‡¬šŸ‡¾šŸ‡­šŸ‡°šŸ‡­šŸ‡²šŸ‡­šŸ‡³šŸ‡­šŸ‡·šŸ‡­šŸ‡¹šŸ‡­šŸ‡ŗšŸ‡®šŸ‡ØšŸ‡®šŸ‡©šŸ‡®šŸ‡ŖšŸ‡®šŸ‡±šŸ‡®šŸ‡²šŸ‡®šŸ‡³šŸ‡®šŸ‡“šŸ‡®šŸ‡¶šŸ‡®šŸ‡·šŸ‡®šŸ‡øšŸ‡®šŸ‡¹šŸ‡ÆšŸ‡ŖšŸ‡ÆšŸ‡²šŸ‡ÆšŸ‡“šŸ‡ÆšŸ‡µšŸ‡°šŸ‡ŖšŸ‡°šŸ‡¬šŸ‡°šŸ‡­šŸ‡°šŸ‡®šŸ‡°šŸ‡²šŸ‡°šŸ‡³šŸ‡°šŸ‡µšŸ‡°šŸ‡·šŸ‡°šŸ‡¼šŸ‡°šŸ‡¾šŸ‡°šŸ‡æšŸ‡±šŸ‡¦šŸ‡±šŸ‡§šŸ‡±šŸ‡ØšŸ‡±šŸ‡®šŸ‡±šŸ‡°šŸ‡±šŸ‡·šŸ‡±šŸ‡øšŸ‡±šŸ‡¹šŸ‡±šŸ‡ŗšŸ‡±šŸ‡»šŸ‡±šŸ‡¾šŸ‡²šŸ‡¦šŸ‡²šŸ‡ØšŸ‡²šŸ‡©šŸ‡²šŸ‡ŖšŸ‡²šŸ‡«šŸ‡²šŸ‡¬šŸ‡²šŸ‡­šŸ‡²šŸ‡°šŸ‡²šŸ‡±šŸ‡²šŸ‡²šŸ‡²šŸ‡³šŸ‡²šŸ‡“šŸ‡²šŸ‡µšŸ‡²šŸ‡¶šŸ‡²šŸ‡·šŸ‡²šŸ‡øšŸ‡²šŸ‡¹šŸ‡²šŸ‡ŗšŸ‡²šŸ‡»šŸ‡²šŸ‡¼šŸ‡²šŸ‡½šŸ‡²šŸ‡¾šŸ‡²šŸ‡æšŸ‡³šŸ‡¦šŸ‡³šŸ‡ØšŸ‡³šŸ‡ŖšŸ‡³šŸ‡«šŸ‡³šŸ‡¬šŸ‡³šŸ‡®šŸ‡³šŸ‡±šŸ‡³šŸ‡“šŸ‡³šŸ‡µšŸ‡³šŸ‡·šŸ‡³šŸ‡ŗšŸ‡³šŸ‡æšŸ‡“šŸ‡²šŸ‡µšŸ‡¦šŸ‡µšŸ‡ŖšŸ‡µšŸ‡«šŸ‡µšŸ‡¬šŸ‡µšŸ‡­šŸ‡µšŸ‡°šŸ‡µšŸ‡±šŸ‡µšŸ‡²šŸ‡µšŸ‡³šŸ‡µšŸ‡·šŸ‡µšŸ‡øšŸ‡µšŸ‡¹šŸ‡µšŸ‡¼šŸ‡µšŸ‡¾šŸ‡¶šŸ‡¦šŸ‡·šŸ‡ŖšŸ‡·šŸ‡“šŸ‡·šŸ‡øšŸ‡·šŸ‡ŗšŸ‡·šŸ‡¼šŸ‡øšŸ‡¦šŸ‡øšŸ‡§šŸ‡øšŸ‡ØšŸ‡øšŸ‡©šŸ‡øšŸ‡ŖšŸ‡øšŸ‡¬šŸ‡øšŸ‡­šŸ‡øšŸ‡®šŸ‡øšŸ‡ÆšŸ‡øšŸ‡°šŸ‡øšŸ‡±šŸ‡øšŸ‡²šŸ‡øšŸ‡³šŸ‡øšŸ‡“šŸ‡øšŸ‡·šŸ‡øšŸ‡øšŸ‡øšŸ‡¹šŸ‡øšŸ‡»šŸ‡øšŸ‡½šŸ‡øšŸ‡¾šŸ‡øšŸ‡æšŸ‡¹šŸ‡¦šŸ‡¹šŸ‡ØšŸ‡¹šŸ‡©šŸ‡¹šŸ‡«šŸ‡¹šŸ‡¬šŸ‡¹šŸ‡­šŸ‡¹šŸ‡ÆšŸ‡¹šŸ‡°šŸ‡¹šŸ‡±šŸ‡¹šŸ‡²šŸ‡¹šŸ‡³šŸ‡¹šŸ‡“šŸ‡¹šŸ‡·šŸ‡¹šŸ‡¹šŸ‡¹šŸ‡»šŸ‡¹šŸ‡¼šŸ‡¹šŸ‡æšŸ‡ŗšŸ‡¦šŸ‡ŗšŸ‡¬šŸ‡ŗšŸ‡²šŸ‡ŗšŸ‡³šŸ‡ŗšŸ‡øšŸ‡ŗšŸ‡¾šŸ‡ŗšŸ‡æšŸ‡»šŸ‡¦šŸ‡»šŸ‡ØšŸ‡»šŸ‡ŖšŸ‡»šŸ‡¬šŸ‡»šŸ‡®šŸ‡»šŸ‡³šŸ‡»šŸ‡ŗšŸ‡¼šŸ‡«šŸ‡¼šŸ‡øšŸ‡½šŸ‡°šŸ‡¾šŸ‡ŖšŸ‡¾šŸ‡¹šŸ‡æšŸ‡¦šŸ‡æšŸ‡²šŸ‡æšŸ‡¼šŸ“󠁧󠁢󠁄󠁮󠁧ó æšŸ“󠁧󠁢󠁳󠁣󠁓ó æšŸ“󠁧󠁢󠁷󠁬󠁳ó æ CSS-NATIONAL-FLAG is a simple css library that gives you the ability to put in your site the national flag just using a single class. ## Table of Contents 1. [Install](#install) 2. [Usage](#usage) 3. [Contributing](#contributing) 4. [Contributors](#contributors) 5. [License](#license) <h2 align="center" id="install">Install</h2> Include it from a cdn in your head ```html <link rel="stylesheet" href="https://unpkg.com/@ontheroaddev/css-national-flags/build/bundle.css" /> ``` <h2 align="center" id="usage">Usage</h2> Use CSS-NATIONAL-FLAG is really simple. After installation, just use a nationa-flag className. ```html <div class="otrd-nat_flg --AF" /> ``` You can also use this modificator <table> <tr> <th>Modificator</th> <th>What do</th> </tr> <tr> <td>`--mini`</td> <td>Print a 30px flag</td> </tr> <tr> <td>`--small`</td> <td>Print a 90px flag</td> </tr> <tr> <td>`--big`</td> <td>Print a 200px flag</td> </tr> <tr> <td>`--disabled`</td> <td>Print a opacity 0 flag (you can also use other modificator to change shape and size)</td> </tr> <tr> <td>`--heart`</td> <td>Print a flag with the heart shape (you can also use other modificator to change size and status)</td> </tr> </table> #### List of possible flag ```json "AD","AE","AF","AG","AI","AL","AM","AN","AO","AR","AT","AU","KZ","AW","AX","AZ","BA","BB","BD","BE","BF","BG","BH","BI","BJ","BM","BN","BO","BR","BS","BT","BW","BY","BZ","CA","CAF","AS","CD","CEU","CF","CG","CH","CI","CL","CM","CN","CNA","CO","COC","CR","CSA","CU","CV","CY","CZ","DE","DJ","DK","DM","DO","DZ","EC","EE","EG","ER","ES","ET","EU","FI","FJ","FK","FM","FR","GA","GB","GD","GE","GG","GH","GI","GM","GN","GQ","GR","GT","GW","GY","HK","HN","HR","HT","HU","ID","IE","IL","IM","IN","IQ","IR","IS","IT","JE","JM","JO","JP","KE","KG","KH","KM","KN","KP","KR","KW","KY","LA","LB","LC","LI","LK","LR","LS","LT","LU","LV","LY","MA","MC","MD","ME","MG","MK","ML","MM","MN","MO","MR","MS","MT","MU","MV","MW","MX","MY","MZ","NA","NE","NG","NI","NL","NO","NP","NZ","OM","PA","PE","PF","PG","PH","PK","PL","PR","PT","PW","PY","QA","RO","RS","RU","RW","SA","SB","SC","SD","SE","SG","SH","SI","SK","SL","SM","SN","SO","SR","ST","SV","SY","SZ","TC","TD","TG","TH","TJ","TL","TM","TN","TO","TR","TT","TW","TZ","UA","UG","US","UY","UZ","VC","VE","VG","VN","VU","WS","WW","YE","ZA","ZM","ZW","ZZ","PS" ``` You can also see a preview on [Github pages](https://on-the-road-dev.github.io/css-national-flags/) <h2 align="center" id="contributing">Contributing</h2> #### **Reporting bugs** - Open a GitHub issue #### **Contributing with patches and bug fixes** - Open a new GitHub pull request with the patch. - Ensure the PR description clearly describes the problem and solution. <h2 align="center" id="contributors">Contributors</h2> <table> <tbody> <tr> <td align="center" valign="top"> <img width="150" height="150" src="https://github.com/thecreazy.png?s=150"> <br> <a href="https://github.com/thecreazy">Thecreazy</a> <p>Core</p> </td> </tr> </tbody> </table> <h2 align="center" id="license">License</h2> [MIT][license-url] [license-url]: https://github.com/On-the-road-dev/css-national-flags/blob/master/LICENSE.MD