scss/sass countries flags sprite sheet generator.
Source code for the demo page can be found on the flag-scss-spritesheet repo
$ git clone https://github.com/Leoglme/flag-scss-spritesheet-
Download the sprite sheet flags.png and place it in your directory.
-
At the beginning of the scss file replace the value of the $spriteSheetUrl variable with the path of the image
$spriteSheetUrl: '/path/to/images/flags.png';
-
Compile SCSS file and linking CSS to HTML.
<html lang="en"> <head> <title>Example</title> <link href="/examples/countries.css" rel="stylesheet"> </head> </html>
-
Example of use
<html lang="en"> <body> <span class="flag flag-fr"></span> <span class="flag flag-it"></span> <span class="flag flag-de"></span> <span class="flag flag-en-uk"></span> <span class="flag flag-en"></span> </body> </html>
Copyright (c) 2021 Dibodev