Skip to content

Instantly share code, notes, and snippets.

@waystilos
Created August 31, 2015 04:46
Show Gist options
  • Save waystilos/5d1f5fe414dcbdd20913 to your computer and use it in GitHub Desktop.
Save waystilos/5d1f5fe414dcbdd20913 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<div class="foo"></div>
// ----
// libsass (v3.2.5)
// ----
// variables
//Colors
$primary-color: #fb445a;
$secondary-color: #83d6b7;
//Font Families
$arial: Arial, Helvetica, sans-serif;
$comic: "Comic Sans MS", cursive, sans-serif;
//////////Variables end/////////////
.bar {
background-color: $primary-color;
width: 100%;
border-radius: 5px;
}
.foo {
background-color: lighten($primary-color, 10%);
padding: 5em;
width: 50%;
}
////////Nesting End///////////
.bar {
background-color: #fb445a;
width: 100%;
border-radius: 5px;
}
.foo {
background-color: #fc7686;
padding: 5em;
width: 50%;
}
<div class="foo"></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment