Skip to content

Instantly share code, notes, and snippets.

@waystilos
Created August 31, 2015 06:09
Show Gist options
  • Save waystilos/b7c45b2d873809795073 to your computer and use it in GitHub Desktop.
Save waystilos/b7c45b2d873809795073 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 size
$base-font--size: 16px;
//function
@function em($pixels, $context: $base-font--size) {
@return ($pixels / $context) * 1em;
}
//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: complement($primary-color);
padding: em(45px);
width: 100%;
}
////////Nesting End///////////
.bar {
background-color: #fb445a;
width: 100%;
border-radius: 5px;
}
.foo {
background-color: #44fbe5;
padding: 2.8125em;
width: 100%;
}
<div class="foo"></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment