# CSS Pride Flags

![npm](https://img.shields.io/npm/v/@risadams/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
