Uname : Linux svr.eworld.co.in 5.14.0-427.18.1.el9_4.x86_64 #1 SMP PREEMPT_DYNAMIC Tue May 28 06:27:02 EDT 2024 x86_64
Soft : Apache
Ip : 92.204.41.43
Port : 443
~
/
home
/
yellowskyqatar
/
public_html
/
admin
/
assets
/
flag-icon
[ HOME ]
Exec
Submit
File Name : README.md
# flag-icon-css [![npm version](https://badge.fury.io/js/flag-icon-css.svg)](https://badge.fury.io/js/flag-icon-css) [![Bower version](https://badge.fury.io/bo/flag-icon-css.svg)](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/). Install ------- You can either [download](https://github.com/lipis/flag-icon-css/archive/master.zip) the whole project as is or install it via Bower or NPM: ```bash $ bower install flag-icon-css $ npm install 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 flag then 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 the correct background with the following CSS properties: ```css background-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, so you will have to set manually the correct size of 4 by 3 ratio or if it's squared add also the `flag-icon-squared` class. ## Development Run the `npm install` to install the dependencies after cloning the project and you'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't need 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 of SVG flags by [koppi](https://github.com/koppi).
Back
Folder Name
Submit
File Name
File Content
Submit
Name
Type
Size
Permission
Last Modified
Actions
.
dir
-
0755
2024-05-16 05:22:26
..
dir
-
0755
2024-05-16 05:22:36
css
dir
-
0755
2024-05-16 05:22:26
flags
dir
-
0755
2024-05-16 05:22:26
LICENSE
text/plain
1.06 KB
0644
2017-03-29 11:23:18
README.md
text/plain
2.17 KB
0644
2017-03-29 11:23:18