		<h1 class="title is-2">Biings <span class="has-text-weight-light">Design System</span></h1>
		<p class="subtitle is-5">
		<span class="has-text-weight-semibold">Biings DS</span> is the design system for Biings applications and web pages. It is a series of individual styles, components and guidelines used for creating unified UI.
		Avoid creating your own CSS code by combining components and helpers together.
		<span class="has-text-weight-semibold">Biings DS</span> is the design system for Biings applications and web pages. It is a series of components and guidelines used for creating unified UI.
		Avoid creating your own CSS code by combining components and modifiers together.
		</p>
		@@ -9,50 +9,47 @@


		<div class="columns is-multiline is-mobile is-variable is-5">
		<div class="columns is-multiline is-mobile is-variable">
		<div class="column is-half-desktop is-full-tablet">
		<div class="level">
		<div class="media-left"><img src="media/style.png" width="70"/>   </div>
		<div class="media-content">
		<a href="#/doc-color" class="title is-3 is-link is-relaxed has-text-weight-light">Colors</a><br>
		<p>Color brings a design to life.</p>
		<a href="#/color" class="box is-well is-relaxed hover-to-popping">
		<img src="media/appcomp.png" width="80"/>
		<div>
		<div class="title is-3 has-text-primary has-text-weight-light">Colors</div>
		<div class="subtitle is-6">Color brings a design to life.</div>
		</div>
		</div>
		</a>
		</div>
		<div class="column is-12 is-hidden-desktop"></div>
		<div class="column is-half-desktop is-full-tablet">
		<div class="level">
		<div class="media-left"><img src="media/voice.png" width="70"/>   </div>
		<div class="media-content">
		<a href="#/doc-voice" class="title is-3 is-relaxed is-link has-text-weight-light">Voice & Tone</a><br>
		<p>Good design starts<br>with good copy.</p>
		<a href="#/voice" class="box is-well is-relaxed hover-to-popping">
		<img src="media/voice.png" width="80"/>
		<div>
		<div class="title is-3 has-text-primary has-text-weight-light">Voice & Tone</div>
		<div class="subtitle is-6">Good design starts with good copy.</div>
		</div>
		</div>
		</a>
		</div>
		<div class="column is-12"></div>
		<div class="column is-half-desktop is-full-tablet">
		<div class="level">
		<div class="media-left"><img src="media/appcomp.png" width="70"/>   </div>
		<div class="media-content">
		<a href="#/doc-button" class="title is-3 is-link is-relaxed has-text-weight-light">Components</a><br>
		<p>Guidance on usage for app design building blocks.</p>
		<a href="#/illustration" class="box is-well is-relaxed hover-to-popping">
		<img src="media/layout.png" width="80"/>
		<div>
		<div class="title is-3 has-text-primary has-text-weight-light">Illustrations</div>
		<div class="subtitle is-6">What makes complex ideas more accessible.</div>
		</div>
		</div>
		</a>
		</div>
		<div class="column is-12 is-hidden-desktop"></div>
		<div class="column is-half-desktop is-full-tablet">
		<div class="level">
		<div class="media-left"><img src="media/layout.png" width="70"/>   </div>
		<div class="media-content">
		<a href="#/doc-columns" class="title is-3 is-link has-text-weight-light is-relaxed">Layout</a><br>
		<p>The structure on which content and components live.</p>
		<a href="#/avatar" class="box is-well is-relaxed hover-to-popping">
		<img src="media/components.png" width="80"/>
		<div>
		<div class="title is-3 has-text-primary has-text-weight-light">Components</div>
		<div class="subtitle is-6">All BDS components, with code and usage guidelines.</div>
		</div>
		</div>
		</a>
		</div>
		</div>

		<hr class="is-large">
		<hr>

		<div class="box is-bordered is-relaxed">
		<div class="title is-spaced is-4 has-text-grey-dark has-text-weight-normal">
		<a href="#/readme">How to use?</a>
		<div class="title is-spaced is-3 has-text-weight-light has-text-grey-dark">How to use?
		</div>
		@@ -59,0 +56,0 @@ <div class="subtitle is-6 has-text-grey-dark">

package.json

		{
		"name": "biings-ds",
		"version": "0.9.1",
		"version": "1.0.0",
		"description": "Biings Design System",
		@@ -5,0 +5,0 @@ "main": "build/bds.css",

docs/doc-avatar.md

docs/doc-box.md

docs/doc-button.md

docs/doc-color.md

docs/doc-columns.md

docs/doc-divider.md

docs/doc-dropdown.md

docs/doc-icons.md

docs/doc-illustration.md

docs/doc-inputs.md

docs/doc-menu.md

docs/doc-modal.md

docs/doc-panel.md

docs/doc-typo.md

docs/doc-voice.md

docs/_sidebar.html