Generated by SassMeister.com.

SassMeister-input.sass

// ----
// Sass (v3.2.19)
// Compass (v0.12.6)
// Breakpoint (v2.0.7)
// Singularity Extras (v0.0.3)
// Singularity.gs (v1.1.2)
// ----

@import "breakpoint"
@import "compass"
@import "singularitygs"
@import "singularity-extras"
@import "singularitygs"

$site-primary: red
$site-text-primary: white
$base-font-size: 16
$arial-sans: Arial, sans-serif
=font-size($font-size: $base-font-size)
  font-size: $font-size +px
  font-size: $font-size/$base-font-size +rem

///////
//Button styles
///////

%button
  background: $site-primary
  +border-radius(2px)
  padding: 1rem
  color: $site-text-primary
  &:hover
    background: darken($site-primary, 10%)
    
//////
//List styles
//////

%no-bullets
  margin: 0
  padding: 0
  list-style: none
  li
    list-style: none
  li.leaf
    list-style-image: none

%bullets
  list-style: disc
  padding: 0 0 0 20px
  li
    list-style: disc
    li
      list-style: circle

///////
//Header extends
//////

%header1
  +font-size(2*$base-font-size)
%header2
  +font-size(1.5*$base-font-size)
%header3
  +font-size(1.17*$base-font-size)
%header4
  +font-size(1*$base-font-size)
%header5
  +font-size(0.83*$base-font-size)
%header6
  +font-size(0.67 * $base-font-size)

///////////////////
//font extending example
//////////////////
%arial-sans
  font-family: $arial-sans
=arial-sans
  @extend %arial-sans