You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
flag-icon-css=============[](https://badge.fury.io/js/flag-icon-css)[](https://badge.fury.io/bo/flag-icon-css)
A collection of all country flags in SVG — plus the CSS for easier integration.See the [demo](http://lipis.github.io/flag-icon-css/).
Usage-----
For using the flags inline with text add the classes `.flag-icon` and`.flag-icon-xx` (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 flagthen add the class `flag-icon-squared` as well. Example:
```html<span class="flag-icon flag-icon-gr"></span><span class="flag-icon flag-icon-gr flag-icon-squared"></span>```
You could also apply this to any element, but in that case you'll have to use the`flag-icon-background` instead of `flag-icon` and you're set. This will add thecorrect background with the following CSS properties:
```cssbackground-size: contain;background-position: 50%;background-repeat: no-repeat;```
Which means that the flag is just going to appear in the middle of an element, soyou will have to set manually the correct size of 4 by 3 ratio or if it's squaredadd also the `flag-icon-squared` class.
Development-----------
Run the `npm install` to install the dependencies after cloning the project andyou'll be able to:
To watch for changes and live reload if served
```bash$ grunt```
To build `*.less` files
```bash$ grunt build```
To serve it on `localhost:8000`
```bash$ grunt connect```
To have only specific countries in the css file, remove the ones that you don'tneed from the[`flag-icon-list.less`](https://github.com/lipis/flag-icon-css/blob/master/less/flag-icon-list.less)file and build it again.
Credits-------
This project wouldn't exist without the awesome and now deleted collection ofSVG flags by [koppi](https://github.com/koppi).
|