Skip to content

styles and images to easily allow the awesome flagkit svgs to be used on the web

Notifications You must be signed in to change notification settings

shapeh/flagkit

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

flagkit-web

Styles and images in SVG format to easily allow the awesome flagkit svgs to be used on the web.

Install

npm i flagkit-web

Get Started

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.

Usage

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>

Sizes

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.

Sass

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.

About

styles and images to easily allow the awesome flagkit svgs to be used on the web

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 84.0%
  • SCSS 12.7%
  • JavaScript 3.3%