This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<a href="#" class="btn btn--call-to-action">Call To Action</a> | |
<div class="form"> | |
<button class="btn btn--submit"> | |
<span data-icon="checkmark"></span> | |
Submit | |
</button> | |
<button class="btn btn--secondary">Secondary</button> | |
<button class="btn btn--alert">Alert</button> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<a href="#" class="btn btn--call-to-action">Call To Action</a> | |
<div class="form"> | |
<button class="btn btn--submit"> | |
<span data-icon="checkmark"></span> | |
Submit | |
</button> | |
<button class="btn btn--secondary">Secondary</button> | |
<button class="btn btn--alert">Alert</button> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<a href="#" class="btn btn--call-to-action">Call To Action</a> | |
<div class="form"> | |
<button class="btn btn--submit"> | |
<span data-icon="checkmark"></span> | |
Submit | |
</button> | |
<button class="btn btn--secondary">Secondary</button> | |
<button class="btn btn--alert">Alert</button> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ---- | |
// Sass (v3.4.4) | |
// Compass (v1.0.1) | |
// Susy (v2.1.3) | |
// ---- | |
@import "susy"; | |
@include with-layout(10 0 split){ | |
div.header{ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ---- | |
// Sass (v3.4.4) | |
// Compass (v1.0.1) | |
// Susy (v2.1.3) | |
// ---- | |
@import "susy"; | |
// Loop! |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ---- | |
// Sass (v3.4.4) | |
// Compass (v1.0.1) | |
// Susy (v2.1.3) | |
// ---- | |
@import "susy"; | |
@include layout(12); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ---- | |
// Sass (v3.4.4) | |
// Compass (v1.0.1) | |
// Susy (v2.1.3) | |
// ---- | |
@import "susy"; | |
@include layout(12 border-box); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ---- | |
// Sass (v3.4.5) | |
// Compass (v1.0.1) | |
// ---- | |
// Initial hash | |
$hash: ( | |
hello: world denver pittsburgh, | |
key: value list, | |
); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ---- | |
// Sass (v3.4.5) | |
// Compass (v1.0.1) | |
// ---- | |
@import "compass"; | |
div { | |
// Prefixes are based on the latest data from caniuse.com | |
// You can adjust your support settings as well: |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ---- | |
// 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)" |