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:
@@ -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><input type="checkbox"></code> along with the <code>top</code> or <code>bottom</code> suffix. Add a <code><label></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>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
|
Reference in New Issue
Block a user