Skip to content

Instantly share code, notes, and snippets.

@jackie
jackie / gist:73c8f727999633dfb10c
Created February 24, 2015 19:24
Sass animation keyframe mixin
//
// keyframes - prints out vendor-prefixed keyframe declarations
//
// $name - the name of your animation
//
@mixin keyframes($name) {
@-moz-keyframes #{$name} {
@content;
}
@jackie
jackie / output.txt
Last active August 29, 2015 14:04
Sass Slice
sass/screen.scss:66 DEBUG: ----
sass/screen.scss:67 DEBUG: (two three four five six) == (two three four five six)
sass/screen.scss:72 DEBUG: 1, true
sass/screen.scss:66 DEBUG: ----
sass/screen.scss:67 DEBUG: (three four five six) == (three four five six)
sass/screen.scss:73 DEBUG: 2, true
sass/screen.scss:66 DEBUG: ----
sass/screen.scss:67 DEBUG: (four) == four
sass/screen.scss:74 DEBUG: 3, false
sass/screen.scss:66 DEBUG: ----
@jackie
jackie / gist:ce22c5bdc12dd67c17c4
Created July 24, 2014 20:24
Slice and a recursive map-get
$test: (
one: (
two: (
val: 'socks'
)
),
socks: (
pants: (
shoes: 'hats'
)
@function map-me($map, $keys) {
@each $key in $keys {
@if map-has-key($map, $key) {
$map: map-get($map, $key);
}
} // each key in keys
@jackie
jackie / SassMeister-input.scss
Created June 4, 2014 21:04
Generated by SassMeister.com.
// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----
%a {
color: red;
&-suffix {
display: none; // does not get extended
}
@jackie
jackie / SassMeister-input.scss
Created June 4, 2014 20:46
Generated by SassMeister.com.
// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----
.a {
&-suffix {
display: none;
}
}
@jackie
jackie / SassMeister-input.scss
Created June 4, 2014 20:44
Generated by SassMeister.com.
// ----
// Sass (v3.3.7)
// Compass (v)
// ----
@import 'compass';
$btn-colors: (
default: (
@jackie
jackie / SassMeister-input.scss
Created May 12, 2014 19:12
Generated by SassMeister.com.
// ----
// Sass (v3.3.7)
// Compass (v)
// ----
@import 'compass';
$btn-colors: (
default: (
@jackie
jackie / SassMeister-input.scss
Created March 7, 2014 19:16
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// ----
$var: null;
//$var: 'red';
//$var: false;
//$var: true;
@jackie
jackie / SassMeister-input-HTML.haml
Created January 16, 2014 22:39
Generated by SassMeister.com.
.all
-['axal',
'sean',
'dave',
'andrew',
'dmitry',
'tom',
'malcolm',
'bryan',
'chrisf',