antd-mobile
Version:
<div align="center">
87 lines (86 loc) • 1.94 kB
CSS
.adm-button {
color: #333333;
background-color: #ffffff;
font-size: 17px;
border-width: 1px;
border-style: solid;
border-color: #eeeeee;
border-radius: 4px;
}
.adm-button::before {
transform: translate(-1px, -1px);
border: 1px solid #000;
border-radius: 4px;
}
.adm-button-default.adm-button-fill-outline {
background-color: transparent;
border-color: #333333;
}
.adm-button-default.adm-button-fill-none {
background-color: transparent;
border-width: 0;
}
.adm-button:not(.adm-button-default) {
color: #ffffff;
}
.adm-button:not(.adm-button-default).adm-button-fill-outline {
background-color: transparent;
}
.adm-button:not(.adm-button-default).adm-button-fill-none {
background-color: transparent;
border-width: 0;
}
.adm-button-primary {
background-color: #1677ff;
border-color: #1677ff;
}
.adm-button-primary.adm-button-fill-outline,
.adm-button-primary.adm-button-fill-none {
color: #1677ff;
}
.adm-button-success {
background-color: #00b578;
border-color: #00b578;
}
.adm-button-success.adm-button-fill-outline,
.adm-button-success.adm-button-fill-none {
color: #00b578;
}
.adm-button-danger {
background-color: #ff3141;
border-color: #ff3141;
}
.adm-button-danger.adm-button-fill-outline,
.adm-button-danger.adm-button-fill-none {
color: #ff3141;
}
.adm-button-warning {
background-color: #ff8f1f;
border-color: #ff8f1f;
}
.adm-button-warning.adm-button-fill-outline,
.adm-button-warning.adm-button-fill-none {
color: #ff8f1f;
}
.adm-button.adm-button-mini {
font-size: 13px;
}
.adm-button.adm-button-small {
padding-top: 3px;
padding-bottom: 3px;
font-size: 15px;
}
.adm-button.adm-button-large {
padding-top: 11px;
padding-bottom: 11px;
font-size: 18px;
}
.adm-button.adm-button-shape-rounded {
border-radius: 1000px;
}
.adm-button.adm-button-shape-rounded::before {
border-radius: 1000px;
}
.adm-button.adm-button-shape-rectangular {
border-radius: 0;
}