Skip to content

Instantly share code, notes, and snippets.

@mwcz

mwcz/SassMeister-input-HTML.html

Created March 21, 2015 01:59
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 mwcz/727f0ca60ccbf6f84da2 to your computer and use it in GitHub Desktop.
Save mwcz/727f0ca60ccbf6f84da2 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<!DOCTYPE html>
<html>
<head>
<title>PearlHacks Sass!</title>
</head>
<body>
<header>
<h1>PearlHacks Sass!</h1>
</header>
<main>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<p>Things to bring to PearlHacks:</p>
<ul>
<li>A cat</li>
<li>Four dogs</li>
<li></li>
</ul>
<p>Yes, absolutely, I do indeed concur, wholeheartedly! I'll alert the crew.</p>
<blockquote>
I'm really good at email.
<footer>
<cite>
&mdash; Abraham Lincoln
</cite>
</footer>
</blockquote>
</main>
<footer>
<p>This class was brought to you by <a href="https://twitter.com/castastrophee">@castastrophee</a>. Stay sassy, friends.</p>
</footer>
</body>
</html>
Raw
SassMeister-input.scss
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
Raw
SassMeister-output.css
Invalid CSS after "hello": expected "{", was ""
Raw
SassMeister-rendered.html
<!DOCTYPE html>
<html>
<head>
<title>PearlHacks Sass!</title>
</head>
<body>
<header>
<h1>PearlHacks Sass!</h1>
</header>
<main>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<p>Things to bring to PearlHacks:</p>
<ul>
<li>A cat</li>
<li>Four dogs</li>
<li></li>
</ul>
<p>Yes, absolutely, I do indeed concur, wholeheartedly! I'll alert the crew.</p>
<blockquote>
I'm really good at email.
<footer>
<cite>
&mdash; Abraham Lincoln
</cite>
</footer>
</blockquote>
</main>
<footer>
<p>This class was brought to you by <a href="https://twitter.com/castastrophee">@castastrophee</a>. Stay sassy, friends.</p>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment