1.1.0 • Published 8 months ago
@risadams/pride-flags v1.1.0
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.
npm install @risadams/pride-flagsUsage
<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!
Please note that all interactions in this organization fall under our Code of Conduct.
License
MIT © 1996+ Ris Adams