1 | # beamwind
|
2 |
|
3 | > ready to go beamwind with [@beamwind/preflight](https://github.com/kenoxa/beamwind/blob/main/packages/preflight) and [@beamwind/preset-tailwind](https://github.com/kenoxa/beamwind/blob/main/packages/preset-tailwind)
|
4 |
|
5 | [![MIT License](https://flat.badgen.net/github/license/kenoxa/beamwind)](https://github.com/kenoxa/beamwind/blob/main/LICENSE)
|
6 | [![Latest Release](https://flat.badgen.net/npm/v/beamwind?icon=npm&label)](https://www.npmjs.com/package/beamwind)
|
7 | [![Github](https://flat.badgen.net/badge/icon/kenoxa%2Fbeamwind?icon=github&label)](https://github.com/kenoxa/beamwind/blob/main/packages/beamwind)
|
8 | [![Typescript](https://flat.badgen.net/badge/icon/included?icon=typescript&label)](https://unpkg.com/browse/beamwind/types/beamwind.d.ts)
|
9 | [![Bundle Size](https://flat.badgen.net/bundlephobia/minzip/beamwind?icon=packagephobia&label&color=blue)](https://bundlephobia.com/result?p=beamwind)
|
10 |
|
11 | > [Read the docs](https://beamwind.js.org) |
|
12 | > [API](https://beamwind.js.org/packages/beamwind) |
|
13 | > [Change Log](https://github.com/kenoxa/beamwind/blob/main/packages/beamwind/CHANGELOG.md) |
|
14 | > [⚡️ Demo](https://esm.codes/#Ly8gQmVhbXdpbmQgZGVtbyAoYmFzZWQgb24gY29kZSBieSBAbHVrZWphY2tzb25uIC0gY3JlYXRvciBvZiBvY2VhbndpbmQpCi8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tCiAgICAKaW1wb3J0IHsgcmVuZGVyLCBodG1sIH0gZnJvbSAnaHR0cHM6Ly9ucG0ucmV2ZXJzZWh0dHAuY29tL3ByZWFjdCxwcmVhY3QvaG9va3MsaHRtL3ByZWFjdCc7CmltcG9ydCB7IGJ3IH0gZnJvbSAnaHR0cHM6Ly91bnBrZy5jb20vYmVhbXdpbmQ/bW9kdWxlJwoKCmNvbnN0IHN0eWxlID0gewogIC8vIEV4YW1wbGUgb2YgYWJzdHJhY3RlZCBzdHlsZQogIGNvbnRhaW5lcjogYndgaC1mdWxsIGJnLXBpbmstNzAwIHRleHQtd2hpdGUgZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXJgCn0KCnJlbmRlcigKICBodG1sYAogICAgPGRpdiBjbGFzcz0ke3N0eWxlLmNvbnRhaW5lcn0+CiAgICAgIDxoMSBjbGFzcz0kewogICAgICAgIC8vIEV4YW1wbGUgb2YgYW4gaW5saW5lIHN0eWxlCiAgICAgICAgYndgCiAgICAgICAgICB0ZXh0KDR4bCB1bmRlcmxpbmUpCiAgICAgICAgICBmb250KGJvbGQgc2FucykKICAgICAgICAgIHRyYW5zaXRpb24KICAgICAgICAgIGhvdmVyOih0cmFuc2Zvcm0gcm90YXRlLTYgc2NhbGUtMTI1IGN1cnNvci1wb2ludGVyKQogICAgICAgICAgYWN0aXZlOih0cmFuc2Zvcm0gLXJvdGF0ZS0xMiBzY2FsZS0xNTApCiAgICAgICAgYAogICAgICB9PkhlbGxvIFdvcmxkPC9oMT4KICAgIDwvZGl2PgogIGAsCiAgZG9jdW1lbnQuYm9keQopOw==)
|
15 |
|
16 | ---
|
17 |
|
18 |
|
19 |
|
20 |
|
21 |
|
22 |
|
23 | - [Installation](#installation)
|
24 | - [Usage](#usage)
|
25 | - [Contribute](#contribute)
|
26 | - [License](#license)
|
27 |
|
28 |
|
29 |
|
30 |
|
31 | ## Installation
|
32 |
|
33 | ```sh
|
34 | npm install beamwind
|
35 | ```
|
36 |
|
37 | ## Usage
|
38 |
|
39 | > Please refer to the [main documentation](https://beamwind.js.org#usage) and [@beamwind/preset-tailwind](https://github.com/kenoxa/beamwind/blob/main/packages/preset-tailwind) for further information.
|
40 |
|
41 | ```js
|
42 | import { bw } from 'beamwind'
|
43 |
|
44 | bw`text-purple-500`
|
45 | ```
|
46 |
|
47 | For further customization `setup` is exported:
|
48 |
|
49 | ```js
|
50 | import { bw, setup } from 'beamwind'
|
51 |
|
52 | setup({
|
53 | colors: {
|
54 | 'red-500': '#DC2626',
|
55 | },
|
56 | })
|
57 |
|
58 | bw`text-red-500` // will result in a DC2626 text-color
|
59 | ```
|
60 |
|
61 | ## Contribute
|
62 |
|
63 | Thanks for being willing to contribute!
|
64 |
|
65 | > This project is free and open-source, so if you think this project can help you or anyone else, you may [star it on GitHub](https://github.com/kenoxa/beamwind). Feel free to [open an issue](https://github.com/kenoxa/beamwind/issues) if you have any idea, question, or you've found a bug.
|
66 |
|
67 | **Working on your first Pull Request?** You can learn how from this _free_ series [How to Contribute to an Open Source Project on GitHub](https://egghead.io/series/how-to-contribute-to-an-open-source-project-on-github)
|
68 |
|
69 | We are following the [Conventional Commits](https://www.conventionalcommits.org) convention.
|
70 |
|
71 | ### Sponsors
|
72 |
|
73 | [![Kenoxa GmbH](https://images.opencollective.com/kenoxa/9c25796/logo/68.png)](https://www.kenoxa.com) [Kenoxa GmbH](https://www.kenoxa.com)
|
74 |
|
75 | ## License
|
76 |
|
77 | [MIT](https://github.com/kenoxa/beamwind/blob/main/LICENSE) © [Kenoxa GmbH](https://kenoxa.com)
|