Sassy-Buttons
Sassy-Buttons copied to clipboard
_sassybuttons.scss padding not compiling
For the life of me, I can't get padding changes to compile. There's nothing else overriding the padding. I'm using version 0.2.6.
Here is my _sassybuttons.scss file...
@import "sassy-buttons";
$sb-base-color: #5B728F;
$sb-second-color: false;
$sb-border-radius: 4px;
$sb-padding: 0 0 0 0;
$sb-font-size: 16px;
$sb-text-color: white;
$sb-text-style: "inset";
$sb-gradient-style: "flat";
$sb-pseudo-states: true;
$sb-ie-support: true;
And in my other scss file I call it like this...
input[type="submit"] {
@include sassy-button("flat", 6px, 20px, $blue, $blue, white, "inset");
}
But no matter what, this is what's compiled to the css file...
input[type="submit"] {
font-size: 20px;
padding: 0.2em 1.1em 0.3em 1.2em;
color: white;
display: inline-block;
cursor: pointer;
text-decoration: none;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF5B728F', endColorstr='#FF334051');
background-color: #5b728f;
border: 0;
text-shadow: #293441 0 -1px 0;
}