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) | |
// ---- | |
$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.
// ---- | |
// Sass (v3.4.5) | |
// Compass (v1.0.1) | |
// ---- | |
// Sass BDD syntax proposal | |
// ======================== | |
// - based on [Jasmine](http://jasmine.github.io/2.0/introduction.html) | |
// - comparitor may be easier to parse with dashes e.g. "not-to-be" | |
// - simplest parsing would use commas as well e.g. "expect($foo, to equal, 1)" |
// ---- | |
// Sass (v3.4.5) | |
// Compass (v1.0.1) | |
// Susy (v2.1.3) | |
// ---- | |
@import "compass"; | |
@import "susy"; | |
@mixin render( |