OOOOPS. Your browser seems to be too old for this. Please update your browser.
Teutonic CSS
Use it

Mini info

Adds a little info on most boxy containers, most commonly used in combination with form-box or box.

Syntax: .mini-info
SCSS: _mini-info.scss
Always shown with boxes
mini-info
mini-info on focus & focus
mini-info always on
<div class="grid-auto collapse-t">
  <div class="box text-mono text-clip">
    Always shown with boxes
    <div class="mini-info">mini-info</div>
  </div>
  <div class="form-box no-label">
    <input type="text" class="input text-mono" value="Shown at hover">
    <div class="mini-info">mini-info on focus &amp; focus</div>
  </div>
  <div class="form-box no-label">
    <input type="text" class="input text-mono" value="Always shown">
    <div class="mini-info shown">mini-info always on</div>
  </div>
</div>