mobi-plugin-button
Version:
The button plugin for Mobi.css
72 lines (61 loc) • 1.44 kB
CSS
/*! mobi-plugin-button v3.1.0 http://getmobicss.com/docs/button.html */
.btn {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 3px;
color: #333;
cursor: pointer;
display: inline-block;
font-family: -apple-system,BlinkMacSystemFont,Hiragino Sans GB,Roboto,Segoe UI,Microsoft Yahei,微软雅黑,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,Arial,STHeiti,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
font-size: 16px;
line-height: 1.25;
margin: 15px 0 0;
padding: 5px 10px;
text-align: center;
}
.btn:active,
.btn:hover {
background-color: #f2f2f2;
text-decoration: none;
}
.btn[disabled] {
cursor: default;
opacity: 0.5;
pointer-events: none;
}
.btn-primary {
background-color: #267fd9;
border-color: #267fd9;
color: #fff;
}
.btn-primary:active,
.btn-primary:hover {
background-color: #2273c3;
}
.btn-primary[disabled] {
cursor: default;
opacity: 0.5;
pointer-events: none;
}
.btn-danger {
background-color: #db5757;
border-color: #db5757;
color: #fff;
}
.btn-danger:active,
.btn-danger:hover {
background-color: #d74242;
}
.btn-danger[disabled] {
cursor: default;
opacity: 0.5;
pointer-events: none;
}
.btn-block {
display: block;
width: 100%;
}
/*# sourceMappingURL=mobi-plugin-button.css.map */