1
0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-01 11:30:35 +02:00

MInor doc changes

This commit is contained in:
Angelos Chalaris
2016-09-21 15:57:26 +03:00
parent ebdc6478fd
commit 02d76895d9
4 changed files with 14 additions and 4 deletions

View File

@@ -792,7 +792,7 @@
<h3>Popovers</h3>
<p>You can show a small overlay of content when the user clicks on specific elements using the <code>.popover-</code> prefix on an <code>&lt;input type=&quot;checkbox&quot;&gt;</code> along with the <code>top</code> or <code>bottom</code> suffix. Add a <code>&lt;label&gt;</code> right after the checkbox linked to it and inside it add another element with the popover's class you are using. When you click the label, the popover will appear above or below the label. Click on the label again or the popover text itself to hide it.</p>
<div class="panel" style="margin-left: 10px; margin-right: 10px; padding:0"><h4 class="head">Example</h4><br>
<div class="panel"><h4 class="head">Example</h4><br>
&nbsp;&nbsp;<input type="checkbox" id="popover1" class="popover-top" autocomplete="off"><label for="popover1" class="btn green">Open top popover<span class="popover-top">This is the popover text.</span></label>
&nbsp;&nbsp;
<input type="checkbox" id="popover2" class="popover-bottom" autocomplete="off"><label for="popover2" class="btn red">Open bottom popover<span class="popover-bottom">This is the popover text.</span></label><br><br>