Skip to content

Instantly share code, notes, and snippets.

View mirisuzanne's full-sized avatar

Miriam Suzanne mirisuzanne

View GitHub Profile
@mirisuzanne
mirisuzanne / SassMeister-input-HTML.html
Created September 16, 2014 06:10
Generated by SassMeister.com.
<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>
@mirisuzanne
mirisuzanne / SassMeister-input-HTML.html
Created September 16, 2014 06:14
Generated by SassMeister.com.
<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>
@mirisuzanne
mirisuzanne / SassMeister-input-HTML.html
Last active August 29, 2015 14:06
Generated by SassMeister.com.
<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>
@mirisuzanne
mirisuzanne / SassMeister-input.scss
Created September 29, 2014 20:20
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// Susy (v2.1.3)
// ----
@import "susy";
@include with-layout(10 0 split){
div.header{
@mirisuzanne
mirisuzanne / SassMeister-input.scss
Created October 3, 2014 14:11
Susy: flat grid classes
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// Susy (v2.1.3)
// ----
@import "susy";
// Loop!
@mirisuzanne
mirisuzanne / SassMeister-input.scss
Created October 3, 2014 15:37
Susy: nested grid classes
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// Susy (v2.1.3)
// ----
@import "susy";
@include layout(12);
@mirisuzanne
mirisuzanne / SassMeister-input.scss
Created October 7, 2014 16:54
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// Susy (v2.1.3)
// ----
@import "susy";
@include layout(12 border-box);
@mirisuzanne
mirisuzanne / SassMeister-input.scss
Created October 13, 2014 16:49
Map-push function (adds item to list in map)
// ----
// Sass (v3.4.5)
// Compass (v1.0.1)
// ----
// Initial hash
$hash: (
hello: world denver pittsburgh,
key: value list,
);
@mirisuzanne
mirisuzanne / SassMeister-input.scss
Last active August 29, 2015 14:07
Compass prefixed transitions demo
// ----
// 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:
@mirisuzanne
mirisuzanne / SassMeister-input.scss
Last active August 29, 2015 14:07
Sass BDD syntax proposal
// ----
// 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)"