Skip to content

Instantly share code, notes, and snippets.

@jitendravyas
Created November 23, 2012 10:01
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jitendravyas/4134858 to your computer and use it in GitHub Desktop.
Save jitendravyas/4134858 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com, the Sass playground.
// Sass v3.2.3
// Compass v0.12.2
@import "compass";
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="button"],
.button
{
-webkit-appearance: button;
cursor: pointer;
border:0;
text-decoration:none;
background-color: #a90329;
@include filter-gradient(#a90329, #6d0019, vertical);
$experimental-support-for-svg: true;
@include background-image(linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%));
color:#fff;
overflow:visible;
line-height:normal;
-moz-user-select:text;
& hover, & focus, & active {color:#ccc};
& visited {color:#ccc};
}
.button {
-webkit-appearance: none; padding: 1px 6px; display:inline-block }
button[disabled],
html input[disabled]
{
cursor: default;background:#666;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="button"],
.button {
-webkit-appearance: button;
cursor: pointer;
border: 0;
text-decoration: none;
background-color: #a90329;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFA90329', endColorstr='#FF6D0019');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIvPjxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjOGYwMjIyIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNmQwMDE5Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a90329), color-stop(44%, #8f0222), color-stop(100%, #6d0019));
background-image: -webkit-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
background-image: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
background-image: -o-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
background-image: linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
color: #fff;
overflow: visible;
line-height: normal;
-moz-user-select: text; }
button hover, button focus, button active,
html input[type="button"] hover,
html input[type="button"] focus,
html input[type="button"] active,
input[type="reset"] hover,
input[type="reset"] focus,
input[type="reset"] active,
input[type="submit"] hover,
input[type="submit"] focus,
input[type="submit"] active,
input[type="button"] hover,
input[type="button"] focus,
input[type="button"] active,
.button hover,
.button focus,
.button active {
color: #ccc; }
button visited,
html input[type="button"] visited,
input[type="reset"] visited,
input[type="submit"] visited,
input[type="button"] visited,
.button visited {
color: #ccc; }
.button {
-webkit-appearance: none;
padding: 1px 6px;
display: inline-block; }
button[disabled],
html input[disabled] {
cursor: default;
background: #666; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment