Skip to content

Commit

Permalink
Update demo
Browse files Browse the repository at this point in the history
  • Loading branch information
patrickmarabeas committed Jan 17, 2016
1 parent 358e382 commit 66c6240
Showing 1 changed file with 5 additions and 8 deletions.
13 changes: 5 additions & 8 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -28,9 +28,9 @@
<h1>
<span class="line1" data-fittext data-fittext-min="100" data-fittext-max="310" data-ng-model="dyn">{{dyn}}</span>
<span class="line2" data-fittext data-fittext-load-delay="500">
<span data-fittext-nl>rustled my jimmies</span>
<span data-fittext-nl class="right red">jimmies</span>
<span data-fittext-nl class="right blue">jimmies</span>
<span>rustled my jimmies</span>
<span class="right red">jimmies</span>
<span class="right blue">jimmies</span>
</span>
</h1>

Expand All @@ -39,17 +39,14 @@ <h2>ng-FitText.js makes font-sizes flexible. Use this directive in your fluid or

<div id="plh-container">
<div id="plh-left">
<h3 ng-if="isActivePreserveLineHeight" data-fittext data-fittext-preserve-line-height>And if you just happen</h3>
<h3 ng-if="!isActivePreserveLineHeight" data-fittext>And if you just happen</h3>
<h3 data-fittext>And if you just happen</h3>
<p>to need the line-height preserved</p>
</div>
<div id="plh-right">
<h3 ng-if="isActivePreserveLineHeight" data-fittext data-fittext-preserve-line-height>ng-FitText.js can do that too, at the same price</h3>
<h3 ng-if="!isActivePreserveLineHeight" data-fittext>ng-FitText.js can do that too, at the same price</h3>
<h3 data-fittext>ng-FitText.js can do that too, at the same price</h3>
<p>spoiler: it's free</p>
</div>
</div>
<p><button id="plh-toggle" ng-click="togglePreserveLineHeight()">Toggle line-height preservation</button></p>

</header>

Expand Down

0 comments on commit 66c6240

Please sign in to comment.