# `@moonjellydigital/pride-flags`

Add pride flag designs to your web projects with just a few lines of code. Pride Flags can be integrated with any project since it's just pure CSS with no dependencies.

View all of the flag designs and color swatches on the [docs site](https://moonjellydigital.github.io/pride-flags).

## Browser Support

Pride Flags supports the listed browsers without any transpilation.

- Chrome: 111+

- Edge: 111+

- Safari: 15.4+

- Safari iOS: 15.4+

- Firefox: 113+

- Opera: 97+

## Installation

npm:

```sh
npm install @moonjellydigital/pride-flags
```

pnpm:

```sh
pnpm add @moonjellydigital/pride-flags
```

yarn:

```sh
yarn add @moonjellydigital/pride-flags
```

bun:

```sh
bun add @moonjellydigital/pride-flags
```

### Download

- [Normal](https://cdn.jsdelivr.net/npm/@moonjellydigital/pride-flags/pride-flags.css)

- [Minified](https://cdn.jsdelivr.net/npm/@moonjellydigital/pride-flags/pride-flags.min.css)

### CDN

- [jsDelivr](https://www.jsdelivr.com/package/npm/@moonjellydigital/pride-flags)

- [UNPKG](https://unpkg.com/@moonjellydigital/pride-flags@1.1.0/pride-flags.css)

## Usage

In a stylesheet:

```css
@import url('node_modules/@moonjellydigital/pride-flags/pride-flags.css');
```

In the document head:

```html
<link
  rel="stylesheet"
  href="node_modules/@moonjellydigital/pride-flags/pride-flags.css"
/>
```

In a component file:

```javascript
import 'node_modules/@moonjellydigital/pride-flags/pride-flags.css';
```

## Documentation

Full documentation is available on GitHub Pages at [https://moonjellydigital.github.io/pride-flags](https://moonjellydigital.github.io/pride-flags).

## License

[MIT](./LICENSE)