Angular JS demo of a floating label. Based on floating label pattern by Matt D. Smith
Forked from Fedor Troitsky's Pen Floating label pattern — Angular JS.
A Pen by Scott Davis on CodePen.
| // ---- | |
| // libsass (v3.1.0) | |
| // ---- | |
| // We are generating this in forceBase.scss: | |
| $spacing-xxx-small: 0.125rem; | |
| $spacing-xx-small: 0.25rem; | |
| $spacing-x-small: 0.5rem; | |
| $spacing-small: 0.75rem; | |
| $spacing-medium: 1rem; |
| // ---- | |
| // Sass (v3.4.12) | |
| // Compass (v1.0.3) | |
| // ---- | |
| $config: ( | |
| color-red: red, | |
| color-blue: blue, | |
| color-black: black, | |
| color-white: white, |
| // ---- | |
| // libsass (v3.1.0) | |
| // ---- | |
| $config: ( | |
| "color-red": red, | |
| "color-blue": blue, | |
| "color-black": black, | |
| "color-white": white, | |
| "font-body": 16px, |
| // ---- | |
| // Sass (v3.4.12) | |
| // Compass (v1.0.3) | |
| // ---- | |
| $config: ( | |
| color-red: red, | |
| color-blue: blue, | |
| color-black: black, | |
| color-white: white, |
| <section class='wrapper'> | |
| <header> | |
| <nav> | |
| <ul> | |
| <li>Button</li> | |
| </ul> | |
| </nav> | |
| </header> | |
| <section class='content'> | |
| <p> |
| Loading <span class="dots"><span>.</span><span>.</span><span>.</span></span> |
| // ---- | |
| // Sass (v3.3.14) | |
| // Compass (v1.0.1) | |
| // ---- | |
| @mixin foo($foo...) { | |
| .foo { | |
| baz : length($foo); | |
| } | |
| } |
| <section class='wrapper'> | |
| <header> | |
| <nav> | |
| <ul> | |
| <li>Button</li> | |
| </ul> | |
| </nav> | |
| </header> | |
| <section class='content'> | |
| <p> |
| <div class='container'> | |
| <div ='top'> | |
| <div class='ed'> | |
| foo | |
| </div> | |
| <div class='ed'> | |
| foo | |
| </div> | |
| </div> | |
| <div class='render'> |
Angular JS demo of a floating label. Based on floating label pattern by Matt D. Smith
Forked from Fedor Troitsky's Pen Floating label pattern — Angular JS.
A Pen by Scott Davis on CodePen.