Skip to content

Instantly share code, notes, and snippets.

@gabrielnau

gabrielnau/SassMeister-input-HTML.html

Created July 22, 2014 11:12
Show Gist options
  • Save gabrielnau/f4bc55551874653a37b9 to your computer and use it in GitHub Desktop.
Save gabrielnau/f4bc55551874653a37b9 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<html>
<body>
<div class="topbar">A top bar</div>
<div class="content">
Content ...
</div>
</body>
</html>
Raw
SassMeister-input.scss
// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----
$topbar-height: 40px;
.topbar {
position: absolute;
top: 0;
height: $topbar-height;
width: 100%;
background-color: lightgrey;
text-align: center;
}
.content {
position: absolute;
top: $topbar-height;
width: 100%;
bottom: 0;
overflow: scroll;
text-align: center;
}
Raw
SassMeister-output.css
.topbar {
position: absolute;
top: 0;
height: 40px;
width: 100%;
background-color: lightgrey;
text-align: center;
}
.content {
position: absolute;
top: 40px;
width: 100%;
bottom: 0;
overflow: scroll;
text-align: center;
}
Raw
SassMeister-rendered.html
<html>
<body>
<div class="topbar">A top bar</div>
<div class="content">
Content ...
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment