<h1 class="title is-1">How to contribute</h1>
<p class="subtitle is-5">
    We welcome all feedback and ideas in order to produce the best possible experience for our users.
</p>

<hr class="is-visible">

<div class="media is-large">
    <div class="media-left">
        <p class="title is-6">1.</p>
    </div>
    <div class="media-content">
        <p class="title is-6 has-text-weight-semibold">Checkout the repository &nbsp;→&nbsp; <a href="https://github.com/ForsysInteractive/biings-ds">https://github.com/ForsysInteractive/biings-ds</a></p>
    </div>
</div>
&nbsp;
<div class="media is-large">
    <div class="media-left">
        <p class="title is-6">2.</p>
    </div>
    <div class="media-content">
        <p class="title is-6 has-text-weight-semibold">Make your changes</p>
        <ul class="list">
            <li>**Styles** – all BDS components in `src/styles/..`</li>
            <li>**Bulma for BDS** – Bulma Sass files in `src/styles/bulma/..`</li>
            <li>**Icon set** – SVG icon files in `src/icons/..`</li>
        </ul>
    </div>
</div>
<div class="media is-large">
    <div class="media-left">
        <p class="title is-6">3.</p>
    </div>
    <div class="media-content">
        <p class="title is-6 has-text-weight-semibold">Build it!</p>
        <pre data-lang="bash">npm run build</pre>
        <br>
        <br>
        <p>You can build a specific part by calling the command directly:</p><br>
        <pre data-lang="bash">npm run icons</pre>
        <br>
        <pre data-lang="bash">npm run styles</pre>
        <br>
        <pre data-lang="bash">npm run stylesdoc // to update the styles of this doc</pre>
    </div>
</div>