@mtn-ui/theme 0.0.3 → 0.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.css +20 -0
- package/package.json +1 -1
package/index.css
CHANGED
|
@@ -180,6 +180,26 @@
|
|
|
180
180
|
vertical-align: middle !important;
|
|
181
181
|
}
|
|
182
182
|
|
|
183
|
+
/* ============================================
|
|
184
|
+
primary 按钮随主题色变化
|
|
185
|
+
Ant Design Vue 4 的 CSS-in-JS 在部分项目（如带大量 main.scss 的应用）中不随 theme 更新，
|
|
186
|
+
故在此用 --ant-primary-color 兜底，配合 @mtn-ui/utils setThemePrimary 写入 :root 即可生效。
|
|
187
|
+
============================================ */
|
|
188
|
+
.ant-btn-primary:not(:disabled, .ant-btn-dangerous) {
|
|
189
|
+
background-color: var(--ant-primary-color) !important;
|
|
190
|
+
border-color: var(--ant-primary-color) !important;
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
.ant-btn-primary:not(:disabled, .ant-btn-dangerous):hover {
|
|
194
|
+
background-color: var(--ant-primary-color-hover) !important;
|
|
195
|
+
border-color: var(--ant-primary-color-hover) !important;
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
.ant-btn-primary:not(:disabled, .ant-btn-dangerous):active {
|
|
199
|
+
background-color: var(--ant-primary-color-active) !important;
|
|
200
|
+
border-color: var(--ant-primary-color-active) !important;
|
|
201
|
+
}
|
|
202
|
+
|
|
183
203
|
/* ============================================
|
|
184
204
|
MTN 专属按钮风格样式
|
|
185
205
|
使用 mtn-variant 属性选择器直接匹配
|