@@ -4,28 +4,14 @@ flag-icon-css
44CSS for vector based country flags. See the
55[ demo] ( http://lipis.github.io/flag-icon-css/ ) .
66
7- CSS classes
8- -----------
9-
10-
11- ` .flag-icon ` sets the correct proportions for the flag icon when used inline
12- with text.
13-
14- ` .flag-icon-xx ` sets the ` background-image ` with the correct flag, where ` xx ` is the
15- [ ISO 3166-1-alpha-2 code] ( http://www.iso.org/iso/country_names_and_code_elements ) .
16-
17- ` .flag-icon-squared ` for the squared version of the flag.
18-
19- ` .flag-icon-background ` sets the the background to ` position: 50% ` ,
20- ` repeat:no-repeat ` and ` size:contain ` .
21-
22-
237Usage
248-----
259
2610For using the flags inline with text add the classes ` .flag-icon ` and ` .flag-icon-xx `
27- to an empty ` <span> ` . If you want the flag to have the squared version then also add
28- the clas ` flag-icon-squared ` . Example:
11+ (where ` xx ` is the
12+ [ ISO 3166-1-alpha-2 code] ( http://www.iso.org/iso/country_names_and_code_elements )
13+ of a country) to an empty ` <span> ` . If you want to have a squared version flag
14+ then add the class ` flag-icon-squared ` as well. Example:
2915
3016 <span class="flag-icon flag-icon-gr"></span>
3117 <span class="flag-icon flag-icon-gr flag-icon-squared"></span>
@@ -62,7 +48,7 @@ To serve it on `localhost:8000`
6248
6349To have only specific countries in the css file, remove the ones that you don't
6450need from the
65- [ ` flag-icon-list.less ` ] ( https://github.com/lipis/flag-icon-css/blob/master/less/flag-icon-css- list.less )
51+ [ ` flag-icon-list.less ` ] ( https://github.com/lipis/flag-icon-css/blob/master/less/flag-icon-list.less )
6652file and build it again.
6753
6854Credits
0 commit comments