Skip to content

Instantly share code, notes, and snippets.

@yokuze
Created July 10, 2015 18:55
Show Gist options
  • Save yokuze/d63c7ba6da494eb1e42d to your computer and use it in GitHub Desktop.
Save yokuze/d63c7ba6da494eb1e42d to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<div class="header">
<div class="logo">Logo</div>
</div>
<div class="sidebar">
Sidebar
</div>
// ----
// libsass (v3.2.5)
// ----
.logo {
background-color: blue;
width: 50px;
height: 50px;
line-height: 50px;
color: #fff;
text-align: center;
}
.sidebar {
background-color: #333;
color: #fff;
float: right;
min-height: 400px;
padding: 30px;
width: calc(100% - 110px); /* 50px logo + 60px padding = 110px */
}
.logo {
background-color: blue;
width: 50px;
height: 50px;
line-height: 50px;
color: #fff;
text-align: center;
}
.sidebar {
background-color: #333;
color: #fff;
float: right;
min-height: 400px;
padding: 30px;
width: calc(100% - 110px);
/* 50px logo + 60px padding = 110px */
}
<div class="header">
<div class="logo">Logo</div>
</div>
<div class="sidebar">
Sidebar
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment