Skip to content

Instantly share code, notes, and snippets.

@gabrielnau
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.
Generated by SassMeister.com.
<html>
<body>
<div class="topbar">A top bar</div>
<div class="content">
Content ...
</div>
</body>
</html>
// ----
// 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;
}
.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;
}
<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