ai_images/portal-ui/src/comps/button/style/index.less

69 lines
1.3 KiB
Plaintext

.mf-button {
// .mf-icon {
// margin-right: 3px;
// }
&.arco-btn-size-huge {
height: 40px;
padding: 0 19px;
font-size: 14px;
border-radius: var(--border-radius-small);
}
&.arco-btn-size-small {
.mf-icon {
font-size: 14px;
}
}
&.arco-btn-text {
&.arco-btn-status-default {
color: #fff;
&:hover {
color: #fff;
}
&:active {
color: #fff;
background-color: transparent;
}
&.arco-btn-disabled {
color: var(--color-text-5);
}
}
.arco-btn-icon {
margin-right: 4px;
}
}
&.arco-btn-primary {
background-color: #1e293b;
border-color: #1e293b;
color: #fff;
&.arco-btn-loading,
&:hover {
color: #fff;
background-color: #334155;
border-color: #334155;
}
&.arco-btn-disabled {
color: var(--color-text-5);
}
}
}
/* 与 portal-buttons.less 一致:亮色主题下文本按钮用灰字 */
body:not([arco-theme='dark']) {
.mf-button.arco-btn-text.arco-btn-status-default:not(.arco-btn-disabled) {
color: #5c6b8a;
&:hover {
color: #94a3b8;
}
&:active {
color: #94a3b8;
}
}
}