Skip to content

Instantly share code, notes, and snippets.

@gisu

gisu/SassMeister-input-HTML.html

Created September 28, 2015 16:51
Show Gist options
  • Save gisu/1f7990b7fd0b87a67407 to your computer and use it in GitHub Desktop.
Save gisu/1f7990b7fd0b87a67407 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<div class="container">
<div class="left"></div>
<div class="right"></div>
<div class="bottom"></div>
</div>
</body>
</html>
Raw
SassMeister-input.scss
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----
$base_line_height: 1.5;
@function vr($key) {
@return ($base_line_height * $key) + px;
}
.blubb {
height: vr(4);
}
Raw
SassMeister-output.css
.blubb {
height: 6px;
}
Raw
SassMeister-rendered.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<div class="container">
<div class="left"></div>
<div class="right"></div>
<div class="bottom"></div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment