1
0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-09-03 10:53:23 +02:00

Extra component: modal dialogs

This commit is contained in:
Angelos Chalaris
2016-09-07 11:19:28 +03:00
parent 6f16ad2f33
commit 40da09731a
7 changed files with 207 additions and 4 deletions

View File

@@ -25,6 +25,21 @@
</div>
<label for="nav-toggle"></label>
<br>
<input type="checkbox" id="modal-toggle" class="modal">
<div>
<label for="modal-toggle"></label>
<div>
<h3>Modal title</h3><label for="modal-toggle"><span class="close" ></span></label>
<hr>
<p> Lorem ipsum etc.</p>
<hr>
<label for="modal-toggle" class="btn blue">Close modal</label>
</div>
</div>
<div class="grid-container">
<div class="row">
<div class="col xs-no md-1"></div>
@@ -154,6 +169,10 @@
<h2 id="extra-modules">Extra modules</h2><hr>
<p>Coming soon! <small>In the meantime, why don't you check out the framework's <a href="https://github.com/Chalarangelo/mini.css">Github page</a>?</small></p>
<label for="modal-toggle" class="btn blue">Open modal</label>
</div>
</div>
</div>