refactor: 无用样式删除
Former-commit-id: 53c07c25b722c5c7d15753a6caf6b8e79d39802b
This commit is contained in:
@@ -6,36 +6,6 @@
|
|||||||
--el-text-color-disabled: #ccc;
|
--el-text-color-disabled: #ccc;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 核心组件的变量,下面这些样式是必须要写的 */
|
|
||||||
|
|
||||||
.el-link.el-link--primary:hover {
|
|
||||||
color: var(--el-color-primary-light-2) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.el-tag {
|
|
||||||
--el-tag-bg-color: var(--el-color-primary-light-9);
|
|
||||||
--el-tag-border-color: var(--el-color-primary-light-8);
|
|
||||||
--el-tag-text-color: var(--el-color-primary);
|
|
||||||
--el-tag-hover-color: var(--el-color-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.el-button--primary {
|
|
||||||
--el-button-text-color: var(--el-color-white) !important;
|
|
||||||
--el-button-bg-color: var(--el-color-primary) !important;
|
|
||||||
--el-button-border-color: var(--el-color-primary) !important;
|
|
||||||
--el-button-active-bg-color: var(--el-color-primary-dark) !important;
|
|
||||||
--el-button-active-border-color: var(--el-color-primary-dark) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.el-button--primary.is-plain{
|
|
||||||
--el-button-text-color: var(--el-color-primary)!important;
|
|
||||||
--el-button-bg-color: var(--el-color-primary-light-9)!important;
|
|
||||||
--el-button-border-color: var(--el-color-primary-light-5)!important;
|
|
||||||
--el-button-hover-text-color: var(--el-color-white)!important;
|
|
||||||
--el-button-active-text-color: var(--el-color-white)!important;
|
|
||||||
--el-button-active-border-color: var(--el-color-primary)!important;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 覆盖 element-plus 的样式
|
// 覆盖 element-plus 的样式
|
||||||
.el-breadcrumb__inner,
|
.el-breadcrumb__inner,
|
||||||
.el-breadcrumb__inner a {
|
.el-breadcrumb__inner a {
|
||||||
@@ -52,18 +22,6 @@
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// refine element ui upload
|
|
||||||
.upload-container {
|
|
||||||
.el-upload {
|
|
||||||
width: 100%;
|
|
||||||
.el-upload-dragger {
|
|
||||||
width: 100%;
|
|
||||||
height: 200px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// dropdown
|
// dropdown
|
||||||
.el-dropdown-menu {
|
.el-dropdown-menu {
|
||||||
a {
|
a {
|
||||||
|
|||||||
@@ -1,29 +0,0 @@
|
|||||||
/**
|
|
||||||
* I think element default theme color is too light for long-term use.
|
|
||||||
* So I modified the default color and you can modify it to your liking.
|
|
||||||
* https://vitejs.cn/guide/features.html#postcss
|
|
||||||
**/
|
|
||||||
|
|
||||||
/* theme color */
|
|
||||||
$--color-primary: #1890ff;
|
|
||||||
$--color-success: #13ce66;
|
|
||||||
$--color-warning: #ffba00;
|
|
||||||
$--color-danger: #ff4949;
|
|
||||||
// $--color-info: #1E1E1E;
|
|
||||||
|
|
||||||
$--button-font-weight: 400;
|
|
||||||
|
|
||||||
// $--color-text-regular: #1f2d3d;
|
|
||||||
|
|
||||||
$--border-color-light: #dfe4ed;
|
|
||||||
$--border-color-lighter: #e6ebf5;
|
|
||||||
|
|
||||||
$--table-border: 1px solid #dfe6ec;
|
|
||||||
|
|
||||||
$--font-path: "~element-plus/theme-chalk/fonts";
|
|
||||||
|
|
||||||
// the :export directive is the magic sauce for webpack
|
|
||||||
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
|
|
||||||
:export {
|
|
||||||
theme: $--color-primary;
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user