Skip to content

Instantly share code, notes, and snippets.

@xiaody
Created December 14, 2014 09:47
Show Gist options
  • Save xiaody/8a06650fcb534ca5d616 to your computer and use it in GitHub Desktop.
Save xiaody/8a06650fcb534ca5d616 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----
// abstract btn class
@import 'compass/css3';
%btn {
$radius-default: 2px !default;
@include inline-block;
padding:7px 20px 6px;
font-size:14px;
font-weight:bold;
line-height:1.5;
font-family:'SimSun', Arial;
letter-spacing:.1em;
text-align:center;
text-decoration:none;
border-width:0 0 1px 0;
border-style:solid;
background-repeat:repeat-x;
@include border-radius($radius-default);
@include user-select(none);
cursor:pointer;
&:hover, &:focus, &:active {
text-decoration:none;
outline:none;
}
}
.btn {
@extend %btn;
}
.btn {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
padding: 7px 20px 6px;
font-size: 14px;
font-weight: bold;
line-height: 1.5;
font-family: 'SimSun', Arial;
letter-spacing: .1em;
text-align: center;
text-decoration: none;
border-width: 0 0 1px 0;
border-style: solid;
background-repeat: repeat-x;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-user-select: -moz-none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
cursor: pointer;
}
.btn:hover, .btn:focus, .btn:active {
text-decoration: none;
outline: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment