Skip to content

Instantly share code, notes, and snippets.

@gmclelland
Created June 6, 2014 22:43
Show Gist options
  • Save gmclelland/b2aa0c7a2dc94e8dcc1e to your computer and use it in GitHub Desktop.
Save gmclelland/b2aa0c7a2dc94e8dcc1e to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<button id="intro-button5">Some really long Button</button>
// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.18)
// Sassy Buttons (v0.2.6)
// ----
@import "sassy-buttons";
#intro-button5{
@include sassy-button("matte", 15px, 20px, rgba(11, 153, 194, 1))
}
#intro-button5 {
font-size: 20px;
padding: 0.5em 1.5em;
display: inline-block;
cursor: pointer;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0B99C2', endColorstr='#FF064D61');
background: -moz-linear-gradient(#27c5f3, #0b99c2 70%);
background: -webkit-linear-gradient(#27c5f3, #0b99c2 70%);
background: linear-gradient(#27c5f3, #0b99c2 70%);
-moz-box-shadow: #6fd8f7 0 1px 0 inset;
-webkit-box-shadow: #6fd8f7 0 1px 0 inset;
box-shadow: #6fd8f7 0 1px 0 inset;
border: 1px solid #0a86aa;
color: white;
text-shadow: #086d8a 0 -1px 0;
}
#intro-button5:hover {
text-decoration: none;
}
#intro-button5:hover {
background-color: #0a86aa;
background: -moz-linear-gradient(#0fbff1 3%, #0a86aa 75%);
background: -webkit-linear-gradient(#0fbff1 3%, #0a86aa 75%);
background: linear-gradient(#0fbff1 3%, #0a86aa 75%);
}
#intro-button5:active {
-moz-box-shadow: #097b9b 0 1px 2px inset;
-webkit-box-shadow: #097b9b 0 1px 2px inset;
box-shadow: #097b9b 0 1px 2px inset;
}
#intro-button5.disabled, #intro-button5[disabled] {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
background: #0b99c2;
cursor: default;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#intro-button5::-moz-focus-inner {
padding: 0 !important;
margin: -1px !important;
}
<button id="intro-button5">Some really long Button</button>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment