Styles and images in SVG format to easily allow the awesome flagkit svgs to be used on the web.
npm i flagkit-web
To get started import the node_modules/flagkit-web/styles/flagkit.css
file and copy the node_modules/flagkit-web/svgs
folder into your bundle.
To get flag styles you need to add the flag class to your html element, like so:
<span class="fk"></span>
To get the flag to appear you need to add the country code in uppercase, like so:
<span class="fk fk-us"></span>
By default the flag size is 16x16px however by adding the class medium
you will get 24x24 and large
will up it to 32x32.
<span class="fk medium fk-us"></span>
Being as these are SVGs you can size them as you see fit. I just added these for convenience.
This lib was written using Sass and as such the original sass mixins are available via node_modules/flagkit-web/styles/flags.scss
if you would like to create your own .css file.