Sha256: 01a3af35bc9fc624d8ab6f1a1ee471b1b75a87c06d397b27d6f014adc137bcae

Contents?: true

Size: 1.62 KB

Versions: 10

Compression:

Stored size: 1.62 KB

Contents

<div class="section head">
  <div class="corset">
    <h1>Crossed Text</h1>
  </div>
</div>

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

<div class="section hard-top fat">
  <div class="corset">
    
    <h2>Write your layouts faster with the <span class="crossed" data-text="power">help</span> of magic_stylez.</h2>
    
  </div>
</div>



<div class="section shine-top">
  <div class="corset">
    <h2>Usage:</h2>
    <pre><code>
  &lt;span class=&quot;crossed&quot; data-text=&quot;power&quot;&gt;help&lt;/span&gt;
    </code></pre>
    <p class="loud"><strong>Absolute positioned .. needs space!</strong></p>
  </div>
</div>



<div class="section hard-top fat">
  <div class="corset">
    <p class="loud">Allways provide enough space over the changed text</p>
    <div class="divider">
      <p>Good example:</p>
    </div>
    <br/>
    <p class="loud">Hello <span class="crossed" data-text="You!">World</span> you look great today!</p>
    <div class="divider">
      <p>Bad example:</p>
    </div>
    <p class="loud">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in <span class="crossed" data-text="consectetur">voluptate</span> velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    
  </div>
</div>

Version data entries

10 entries across 10 versions & 1 rubygems

Version Path
magic_stylez-0.0.0.38 test/dummy/app/assets/javascripts/views/helper/crossed_text.jst.eco
magic_stylez-0.0.0.37 test/dummy/app/assets/javascripts/views/helper/crossed_text.jst.eco
magic_stylez-0.0.0.36 test/dummy/app/assets/javascripts/views/helper/crossed_text.jst.eco
magic_stylez-0.0.0.35 test/dummy/app/assets/javascripts/views/helper/crossed_text.jst.eco
magic_stylez-0.0.0.34 test/dummy/app/assets/javascripts/views/helper/crossed_text.jst.eco
magic_stylez-0.0.0.33 test/dummy/app/assets/javascripts/views/helper/crossed_text.jst.eco
magic_stylez-0.0.0.32 test/dummy/app/assets/javascripts/views/helper/crossed_text.jst.eco
magic_stylez-0.0.0.31 test/dummy/app/assets/javascripts/views/helper/crossed_text.jst.eco
magic_stylez-0.0.0.30 test/dummy/app/assets/javascripts/views/helper/crossed_text.jst.eco
magic_stylez-0.0.0.29 test/dummy/app/assets/javascripts/views/helper/crossed_text.jst.eco