Sha256: 6568b0cd2836f82d3e830f9d8153fed8ff2b84ba2eccf344dab4835476c01677
Contents?: true
Size: 1.64 KB
Versions: 62
Compression:
Stored size: 1.64 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 class="sans thin">Use the <span class="crossed" data-text="power">help</span> of magic_stylez and write your layouts faster.</h2>
</div>
</div>
<div class="section shine-top">
<div class="corset">
<h2>Usage:</h2>
<pre><code>
<span class="crossed" data-text="power">help</span>
</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
62 entries across 62 versions & 1 rubygems