Update demo

patrickmarabeas · Jan 30, 2015 · 66642f8 · 66642f8
1 parent 7a63cb4
commit 66642f8
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 1 deletion.
diff --git a/demo/styles/main.css b/demo/styles/main.css
@@ -66,6 +66,12 @@ body {
           font-family: 'lobster', verdana, sans-serif;
           font-weight: normal;
           margin: -0.2em 0 0 0; }
+          .page header h1 span.line2 .right {
+            text-align: right; }
+            .page header h1 span.line2 .right.red {
+              color: #D9534F; }
+            .page header h1 span.line2 .right.blue {
+              color: #007DC7; }
       .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
@@ -86,6 +86,18 @@ body {
           font-family: 'lobster', verdana, sans-serif;
           font-weight: normal;
           margin: -.2em 0 0 0;
+
+          .right {
+            text-align: right;
+
+            &.red {
+              color: #D9534F;
+            }
+
+            &.blue {
+              color: #007DC7;
+            }
+          }
         }
       }
 

diff --git a/index.html b/index.html
@@ -27,7 +27,11 @@
     <input type="text" data-ng-model="dyn" autofocus />
     <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">rustled my jimmies</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>
     </h1>
 
     <h2>ng-FitText.js makes font-sizes flexible. Use this directive in your fluid or responsive layout to achieve