Skip to content

Commit

Permalink
Merge branch 'master' of github.com:lipis/flag-icon-css
Browse files Browse the repository at this point in the history
  • Loading branch information
lipis committed Sep 27, 2013
2 parents eb6ab77 + 6118d82 commit f9fc4c7
Showing 1 changed file with 5 additions and 19 deletions.
24 changes: 5 additions & 19 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,28 +4,14 @@ flag-icon-css
CSS for vector based country flags. See the
[demo](http://lipis.github.io/flag-icon-css/).

CSS classes
-----------


`.flag-icon` sets the correct proportions for the flag icon when used inline
with text.

`.flag-icon-xx` sets the `background-image` with the correct flag, where `xx` is the
[ISO 3166-1-alpha-2 code](http://www.iso.org/iso/country_names_and_code_elements).

`.flag-icon-squared` for the squared version of the flag.

`.flag-icon-background` sets the the background to `position: 50%`,
`repeat:no-repeat` and `size:contain`.


Usage
-----

For using the flags inline with text add the classes `.flag-icon` and `.flag-icon-xx`
to an empty `<span>`. If you want the flag to have the squared version then also add
the clas `flag-icon-squared`. Example:
(where `xx` is the
[ISO 3166-1-alpha-2 code](http://www.iso.org/iso/country_names_and_code_elements)
of a country) to an empty `<span>`. If you want to have a squared version flag
then add the class `flag-icon-squared` as well. Example:

<span class="flag-icon flag-icon-gr"></span>
<span class="flag-icon flag-icon-gr flag-icon-squared"></span>
Expand Down Expand Up @@ -62,7 +48,7 @@ To serve it on `localhost:8000`

To have only specific countries in the css file, remove the ones that you don't
need from the
[`flag-icon-list.less`](https://github.com/lipis/flag-icon-css/blob/master/less/flag-icon-css-list.less)
[`flag-icon-list.less`](https://github.com/lipis/flag-icon-css/blob/master/less/flag-icon-list.less)
file and build it again.

Credits
Expand Down

0 comments on commit f9fc4c7

Please sign in to comment.