Sha256: 59b3c94751887451e56d64a3de6bffe920fdbe5d206850333dee94cd19a539a9

Contents?: true

Size: 1.89 KB

Versions: 48

Compression:

Stored size: 1.89 KB

Contents

<div class="section head">
  <div class="corset">
    <h1>Divider</h1>
  </div>
</div>

<div class="section dark flatted">
  <div class="corset">
    <h4>dependency:</h4>
    <code>@import "magic/helper/divider";</code>
  </div>
</div>

<div class="section hard-top">
  <div class="corset center_text">
    <p class="loud press">Divider are a nice hr-like text divider:</p>
    
    <div class="divider press">
      <span class="name">I'm a divider :)</span>
    </div>
    
    <p class="loud press">There are many usecases for dividers</p>
    
    <div class="divider half press">
      <span class="name">I'm a .half divider</span>
    </div>
    

    
  </div>
</div>


<div class="section head">
  <div class="corset">
    <h3>ie. divide Buttons:</h3>
  </div>
</div>



<div class="section">
  <div class="corset tight center_text">
    
    <div class="btn btn-facebook btn-lg btn-divided">
      <div class="icn">
        <i class="icomoon-facebook"></i>
      </div>
      <div class="text">
        Sign in with Facebook
      </div>
    </div>
    <div class="divider">
      <span>or</span>
    </div>
    <div class="inpt-splited input-lg">
      <span class="icn"><i class="icomoon-mail2"></i></span>
      <div class="inpt">
        <input placeholder="Email" type="email" value="">
      </div>
    </div>
    
    <div class="inpt-splited input-lg">
      <span class="icn"><i class="icomoon-key"></i></span>
      <div class="inpt">
        <input placeholder="Password" type="password" value="">
      </div>
    </div>
    
  </div>
</div>


<div class="section head">
  <div class="corset">
    <h3>Usage:</h3>
  </div>
</div>

<div class="section shine-top">
  <div class="corset">
    <pre>
      <code>
  &lt;div class=&quot;divider&quot;&gt;<br/>    &lt;span&gt;or&lt;/span&gt;<br/>  &lt;/div&gt;
      </code>
    </pre>
    <p class="loud"><strong>Parent box needs background!</strong></p>
  </div>
</div>

Version data entries

48 entries across 48 versions & 1 rubygems

Version Path
magic_stylez-0.0.0.77 test/dummy/app/assets/javascripts/views/helper/divider.jst.eco
magic_stylez-0.0.0.76 test/dummy/app/assets/javascripts/views/helper/divider.jst.eco
magic_stylez-0.0.0.75 test/dummy/app/assets/javascripts/views/helper/divider.jst.eco
magic_stylez-0.0.0.74 test/dummy/app/assets/javascripts/views/helper/divider.jst.eco
magic_stylez-0.0.0.73 test/dummy/app/assets/javascripts/views/helper/divider.jst.eco
magic_stylez-0.0.0.72 test/dummy/app/assets/javascripts/views/helper/divider.jst.eco
magic_stylez-0.0.0.71 test/dummy/app/assets/javascripts/views/helper/divider.jst.eco
magic_stylez-0.0.0.70 test/dummy/app/assets/javascripts/views/helper/divider.jst.eco
magic_stylez-0.0.0.69 test/dummy/app/assets/javascripts/views/helper/divider.jst.eco
magic_stylez-0.0.0.68 test/dummy/app/assets/javascripts/views/helper/divider.jst.eco
magic_stylez-0.0.0.67 test/dummy/app/assets/javascripts/views/helper/divider.jst.eco
magic_stylez-0.0.0.66 test/dummy/app/assets/javascripts/views/helper/divider.jst.eco
magic_stylez-0.0.0.65 test/dummy/app/assets/javascripts/views/helper/divider.jst.eco
magic_stylez-0.0.0.64 test/dummy/app/assets/javascripts/views/helper/divider.jst.eco
magic_stylez-0.0.0.63 test/dummy/app/assets/javascripts/views/helper/divider.jst.eco
magic_stylez-0.0.0.62 test/dummy/app/assets/javascripts/views/helper/divider.jst.eco
magic_stylez-0.0.0.61 test/dummy/app/assets/javascripts/views/helper/divider.jst.eco
magic_stylez-0.0.0.60 test/dummy/app/assets/javascripts/views/helper/divider.jst.eco
magic_stylez-0.0.0.59 test/dummy/app/assets/javascripts/views/helper/divider.jst.eco
magic_stylez-0.0.0.58 test/dummy/app/assets/javascripts/views/helper/divider.jst.eco