https://github.com/leoglme/flag-scss-spritesheet
scss/sass country flag sprite sheet generator.
https://github.com/leoglme/flag-scss-spritesheet
country-codes country-flags css flags json sass sass-language scss
Last synced: 11 months ago
JSON representation
scss/sass country flag sprite sheet generator.
- Host: GitHub
- URL: https://github.com/leoglme/flag-scss-spritesheet
- Owner: Leoglme
- Created: 2022-02-01T19:28:50.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-02-02T08:07:24.000Z (about 4 years ago)
- Last Synced: 2025-02-22T19:39:49.966Z (12 months ago)
- Topics: country-codes, country-flags, css, flags, json, sass, sass-language, scss
- Language: SCSS
- Homepage: https://dibodev.com
- Size: 59.6 KB
- Stars: 2
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Scss Flag Generator
scss/sass countries flags sprite sheet generator.
> Source code for the demo page can be found on the [flag-scss-spritesheet repo](https://github.com/Leoglme/flag-scss-spritesheet)
### Contents
- [Documentation](#documentation)
## Install
```sh
$ git clone https://github.com/Leoglme/flag-scss-spritesheet
```
1. Download the sprite sheet **flags.png** and place it in your directory.
2. At the beginning of the **scss file** replace the value of the **$spriteSheetUrl** variable with the **path** of the **image**
```scss
$spriteSheetUrl: '/path/to/images/flags.png';
```
4. Compile SCSS file and linking **CSS to HTML**.
```html
Example
```
5. Example of use
```html
```
## License
Copyright (c) 2021 [Dibodev](https://github.com/leoglme)