Update demo

patrickmarabeas · Jan 29, 2015 · f16405d · f16405d
1 parent 668b70f
commit f16405d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 12 deletions.
diff --git a/demo/styles/main.css b/demo/styles/main.css
@@ -50,7 +50,8 @@ body {
     .page header input {
       width: 50%;
       height: 50px;
-      font-size: 50px; }
+      font-size: 50px;
+      margin-bottom: 50px; }
     .page header h1 {
       margin: 0; }
       .page header h1 span {
@@ -61,13 +62,10 @@ body {
           border-top: 1px solid #0E80A0;
           border-bottom: 1px solid #0E80A0;
           text-align: left; }
-        .page header h1 span.line1 {
-          line-height: 0.9; }
         .page header h1 span.line2 {
           font-family: 'lobster', verdana, sans-serif;
           font-weight: normal;
-          margin: -0.2em 0 0 0;
-          line-height: 0.9; }
+          margin: -0.2em 0 0 0; }
       .page header h1 a.download {
         font-family: 'open_sansregular', verdana, sans-serif;
         background-color: #1f2325;

diff --git a/demo/styles/main.scss b/demo/styles/main.scss
@@ -65,6 +65,7 @@ body {
       width: 50%;
       height: 50px;
       font-size: 50px;
+      margin-bottom: 50px;
     }
 
     h1 {
@@ -81,15 +82,10 @@ body {
           text-align: left;
         }
 
-        &.line1 {
-          line-height: 0.9;
-        }
-
         &.line2 {
           font-family: 'lobster', verdana, sans-serif;
           font-weight: normal;
           margin: -.2em 0 0 0;
-          line-height: 0.9;
         }
       }
 

diff --git a/index.html b/index.html
@@ -26,8 +26,8 @@
   <header data-ng-controller="MainController">
     <input type="text" data-ng-model="dyn" autofocus />
     <h1>
-      <span class="line1" data-fittext data-fittext-max="310" data-ng-model="dyn">{{dyn}}</span>
-      <span class="line2" data-fittext>rustled my jimmies</span>
+      <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">rustled my jimmies</span>
     </h1>
 
     <h2>ng-FitText.js makes font-sizes flexible. Use this directive in your fluid or responsive layout to achieve