Skip to content

Instantly share code, notes, and snippets.

@cfree
Created September 3, 2014 15:46
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save cfree/f937a34ead6ca205d8ee to your computer and use it in GitHub Desktop.
Save cfree/f937a34ead6ca205d8ee to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.1)
// Compass (v1.0.1)
// ----
// Nesting
.cat {
&.tabby,
&.russian-blue {
dispay: block;
}
}
// Selector Functions
/* Selector Nesting */
// selector-nest($selectors...)
#{selector-nest(".maine-coon, .siamese", ".meow")} {
display: block;
}
/* Selector Append */
// selector-append($selectors...)
#{selector-append(".maine-coon, .siamese", ".meow")} {
display: inline-block;
}
#{selector-append(".maine-coon, .siamese", "-meow")} {
display: grid;
}
/* Selector Extend (like @extend) */
// selector-extend($selector, $extendee, $extender)
#{selector-extend(".tiger.purr", ".purr", ".meow")} {
dislay: table-cell;
}
/* Selector Replacement */
// selector-replace($selector, $original, $replacement)
#{selector-replace(".cat.tabby", ".tabby", ".tortoise")} {
display: block;
}
/* Concatenation */
// selector_unify($selector1, $selector2)
#{selector-unify(".scottish-fold", ".scratch")} {
display: flex;
}
.cat.tabby, .cat.russian-blue {
dispay: block;
}
/* Selector Nesting */
.maine-coon .meow, .siamese .meow {
display: block;
}
/* Selector Append */
.maine-coon.meow, .siamese.meow {
display: inline-block;
}
.maine-coon-meow, .siamese-meow {
display: grid;
}
/* Selector Extend (like @extend) */
.tiger.purr, .tiger.meow {
dislay: table-cell;
}
/* Selector Replacement */
.cat.tortoise {
display: block;
}
/* Concatenation */
.scottish-fold.scratch {
display: flex;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment