Generated by SassMeister.com.

SassMeister-input.sass

// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// Fancy Buttons (v1.2.0)
// Responsive Sass (v0.1.1)
// ----

@import "responsive-sass"
@import "fancy-buttons"

SassMeister-output.css

/*If you wanted to add the equivalent of a 12px left padding to an h2 set at a font-size of 32px you could use it like this:
h2 {
  padding-left: calc-em(12px, 32px);
}
More info can be found here => http://thesassway.com/intermediate/responsive-web-design-part-1*/
/*
  Frameless                 http://framelessgrid.com/
  by Joni Korpi             http://jonikorpi.com/
  licensed under CC0        http://creativecommons.org/publicdomain/zero/1.0/
  Modified by Nick Treadway http://twitter.com/nicktea
*/
/*
  Margin, padding, and border resets
  except for form elements
*/
body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
}

/*
  An easy way to zoom your entire layout in or out (as long as it's set in ems).
  Just change the media queries to activate them.
  Assuming your base font-size is 16:
  - the first one zooms out by a factor of (16-2)/16 = 0.875
  - the second one zooms in by a factor of (16+2)/16 = 1.125  
*/
@media screen and (max-width: 1px) {
  body {
    font-size: 0.875em;
  }
}
@media screen and (max-width: 1px) {
  body {
    font-size: 1.125em;
  }
}
/* incase an inverted custom gradient isn't specified */
.fancy-button-reset-base-class {
  font-family: "Lucida Grande", Lucida, Arial, sans-serif;
  background: url('/images/button_bg.png') repeat-x bottom left;
  margin: 0;
  width: auto;
  overflow: visible;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  border-style: solid;
  font-weight: bold;
}
.fancy-button-reset-base-class::-moz-focus-inner {
  border: none;
  padding: 0;
}
.fancy-button-reset-base-class:focus {
  outline: none;
}