biings-ds - npm Package Compare versions

Comparing version 1.9.1 to 1.9.2

docs/message.md

		@@ -11,3 +11,3 @@ <h6 class="subtitle is-5 has-text-grey has-text-weight-semibold">Component</h6><h1 class="title is-1 has-text-weight-bold">Message</h1>
		<div class="message-body">
		A message can act as a <strong>notification</strong>.
		A message can act as a small <strong>note</strong>.
		</div>
		@@ -42,3 +42,3 @@ </div>

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

		@@ -67,2 +67,36 @@ <h2 class="title is-4">Colors and sizes</h2>

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

		<h2 class="title is-4">Notification message</h2>

		A Message can act as a notification when combined with a Modal. Add `is-noti` and put the message in a <a href="#/modal">simple Modal</a> to create an overlayed notification message.

		<br><br>

		<div class="box has-background-light is-large is-marginless has-text-centered">
		<div class="button is-sucess" onclick="openModal('3')">Show notification</div>
		</div>

		<div id="js-modal3" class="modal" onclick="closeModal('3')">
		<div class="modal-content">
		<div class="message is-noti">
		<div class="title has-text-purple">Hey!</div>
		<div class="subtitle has-text-grey-dark">This is just a<br>brief notification</div>
		</div>
		</div>
		</div>

		<div class="modal">
		<div class="modal-content">
		<div class="message">
		<div class="title has-text-primary">Hey!</div>
		<div class="subtitle has-text-grey">This is just a<br>brief notification</div>
		</div>
		</div>
		</div>

		<br>

		?> Add modifier `is-danger` for failure notifications.

		<hr>
		@@ -69,0 +103,0 @@

package.json

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

build/bds.css