Browse Source

Divider docs update

pull/1129/head
jlukic 10 years ago
parent
commit
2bddddd964
1 changed files with 5 additions and 8 deletions
  1. 13
      server/documents/elements/divider.html.eco

13
server/documents/elements/divider.html.eco

@ -36,28 +36,25 @@ themes : ['default']
<div class="example"> <div class="example">
<h4 class="ui header">Vertical Divider</h4> <h4 class="ui header">Vertical Divider</h4>
<div class="ui info message">
If you use a vertical divider inside a <a href="/collections/grid.html">stackable grid</a> it will automatically adjust from a <code>vertical divider</code> to a <code>horizontal divider</code> at mobile resolutions.
</div>
<p>A divider can segment content vertically</p> <p>A divider can segment content vertically</p>
<div class="ui two column middle aligned relaxed fitted stackable grid"> <div class="ui two column middle aligned relaxed fitted stackable grid">
<div class="column"> <div class="column">
<div class="ui form segment"> <div class="ui form segment">
<div class="field"> <div class="field">
<label>Username</label> <label>Username</label>
<div class="ui left labeled icon input">
<div class="ui left icon input">
<input type="text" placeholder="Username"> <input type="text" placeholder="Username">
<i class="user icon"></i> <i class="user icon"></i>
<div class="ui corner label">
<i class="asterisk icon"></i>
</div>
</div> </div>
</div> </div>
<div class="field"> <div class="field">
<label>Password</label> <label>Password</label>
<div class="ui left labeled icon input">
<div class="ui left icon input">
<input type="password"> <input type="password">
<i class="lock icon"></i> <i class="lock icon"></i>
<div class="ui corner label">
<i class="asterisk icon"></i>
</div>
</div> </div>
</div> </div>
<div class="ui blue submit button">Login</div> <div class="ui blue submit button">Login</div>

Loading…
Cancel
Save