View SassMeister-input.scss
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
@mixin corral($selector) {
$context: &;
$new-context: $context;
$root-context: '';
$selector-is-root-context: false;
View SassMeister-input.scss
// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----
@mixin extend($name) {
@if $extend and ($extend == advanced or length($corral-stack) == 0) {
$placeholder-name: "";
@if not map-has-key($placeholders, $name) {
$placeholders: map-merge($placeholders, ($name: ())) !global;
View Markdown primer
# A quick primer on Markdown
## Paragraphs
Markdown aims to be a markup language that's natural to write and read, as if it were typed on a typewriter. You can write in Notepad, or whatever text editor you prefer, and copy/paste it into an e-mail, or save it as a .txt file and send it to us as an attachment if you like. **StackEdit isn't a necessary part of the process**; it just helps you see what the conversion to HTML will look like. It also gives you buttons for all the features.
For the most part, you just write as you normally would -- paragraphs are just blocks of text separated by two carriage returns, and the Markdown parser will turn them into HTML paragraph tags for you.
You can emphasize a bit of your text by wrapping it with asterisks: *one asterisk for emphasis (italic)*, and **two asterisks for heavy emphasis (bold)**. If you prefer, you can use _single_ or __double underlines__ instead of asterisks.
View SassMeister-input.scss
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
$replacement-selector: a child, b child;
.class1, .class2 {
@at-root #{$replacement-selector} {
color: green;
View SassMeister-input.scss
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
$have-i-been-written-to-yet: false;
p {
$have-i-been-written-to-yet: true;
color: red;
View SassMeister-input.scss
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
@mixin lighten-bg-color-by-10-percent($color) {
$lightened: lighten($color, 10%);
background-color: $lightened;
}
View SassMeister-input.scss
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
@mixin lighten-bg-color-by-10-percent($color) {
$lightened: lighten($color, 10%);
background-color: $lightened;
}
View SassMeister-input.scss
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
@function square($x) {
$squared: $x * $x;
@return $squared;
}
View SassMeister-input.scss
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
p {
$color: red;
color: $color;
}
/* #{$color} */
View SassMeister-input.scss
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
$names: Jim Sandy Clem;
@each $name in $names {
/* Hi, I am #{$name}. */
$most-recent-name: $name;
}