@risadams/pride-flags
Version:
Pure CSS Pride Flags
112 lines (84 loc) • 1.8 kB
Markdown
# CSS Pride Flags
## Install
This is a pure CSS library that can be included in your project to display LGBT+ pride flags as either large images, or small icons. It should be straightforward to install and use, and will be updated with new options and flags as they become available.
```sh
npm install @risadams/pride-flags
```
## Usage
```html
<head>
<link rel="stylesheet" href="dist/pride-flags.min.css" />
</head>
<body>
<div class="flag progress" role="img"></div>
<div class="flag icon progress"></div>
</body>
```
## Flag Options
### Traditional/Historical Pride Flags
- ally-pride
- gilbert-baker
- intersex-inclusive
- new-pride
- philadelphia
- pink-triangle
- pride-1978
- pride-of-africa
- progress
- queer
- social-justice
- traditional
### Gender Identity Flags
- agender
- androgyne
- bigender
- demiboy
- demigender
- demigirl
- genderfluid
- genderflux
- genderqueer
- hijra
- metagender
- neutrois
- nonbinary
- pangender
- transgender
- unlabeled
### Sexual Orientation Flags
- abrosexual
- asexual
- bisexual
- demisexual
- gay-men
- graysexual
- lesbian
- omnisexual
- pansexual
- polysexual
- sapphic
- twink
### Romantic Orientation Flags
- aromantic
- demiromantic
### Relationship Structure Flags
- polyamory
- polyamorous-new
### Community/Cultural Flags
- bear-brotherhood
- drag
- intersex
- labrys
- leather
- puppy
- rubber
- trans-inclusive
### Spectrum Flags
- aromantic-spectrum
- asexual-spectrum
## Contribute
If you think this could be better, please [open an issue](https://github.com/risadams/pride-flags/issues/new)!
Please note that all interactions in this organization fall under our [Code of Conduct](CODE_OF_CONDUCT.md).
## License
[MIT](LICENSE) © 1996+ Ris Adams