Skip to content

Instantly share code, notes, and snippets.

@stephenway

stephenway/SassMeister-input-HTML.html

Created February 21, 2014 23:20
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 stephenway/9145706 to your computer and use it in GitHub Desktop.
Save stephenway/9145706 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<!DOCTYPE html>
<head>
</head>
<body>
<p>
We're going to set <span class='foo'>foo, and after that, we'll add <span class='fixed-width-text'>fixed width</span>. Was that also also bold?</span>
</p>
</body>
Raw
SassMeister-input.scss
// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// ----
@import "compass";
.foo {
font-weight: bold;
color:green;
}
.fixed-width-text {
font: 1em "andale mono", "lucida console", monospace;
line-height: 1.5;
font-weight: inherit; // toggle me
}
Raw
SassMeister-output.css
.foo {
font-weight: bold;
color: green; }
.fixed-width-text {
font: 1em "andale mono", "lucida console", monospace;
line-height: 1.5;
font-weight: inherit; }
Raw
SassMeister-rendered.html
<!DOCTYPE html>
<head>
</head>
<body>
<p>
We're going to set <span class='foo'>foo, and after that, we'll add <span class='fixed-width-text'>fixed width</span>. Was that also also bold?</span>
</p>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment