Flag-scss-spritesheet NPM

Source code for the demo page can be found on the flag-scss-spritesheet repo

Documentation

Install

 $ 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>

License

css sass json country-flags scss country-codes flags sass-language

@everything-registry/sub-chunk-1678

1.0.1

2 years ago

1.0.0

2 years ago

flag-scss-spritesheet v1.0.1

Contents

Install

License