@import "variables.scss";
|
// 样式重置
|
html {
|
height: 100%;
|
padding: 0;
|
margin: 0;
|
color: $font-color;
|
font-family: 'Avenir', Helvetica, Arial, sans-serif;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
body {
|
height: 100%;
|
padding: 0;
|
margin: 0;
|
}
|
h1,h2,h3,h4,h5,h6,ul {
|
margin: 0;
|
padding: 0;
|
}
|
ul {
|
list-style: none;
|
}
|
#app {
|
height: 100%;
|
min-width: $page-min-width;
|
}
|
}
|
|
// 穿梭框的按钮
|
.el-transfer__buttons {
|
padding: 0 16px !important;
|
}
|
|
// 删除按钮统一样式
|
.el-button.btn-delete.el-button--text,
|
.el-button.el-button--text:has(.el-icon-delete) {
|
color: $danger-color;
|
|
&:hover,
|
&:focus {
|
color: $danger-color-hover;
|
}
|
|
&:active {
|
color: $danger-color-active;
|
}
|
}
|
|
.el-button:not(.el-button--text):not(.el-button--danger):has(.el-icon-delete) {
|
color: #fff;
|
background-color: $danger-color;
|
border-color: $danger-color;
|
|
&:hover,
|
&:focus {
|
color: #fff;
|
background-color: $danger-color-hover;
|
border-color: $danger-color-hover;
|
}
|
|
&:active {
|
color: #fff;
|
background-color: $danger-color-active;
|
border-color: $danger-color-active;
|
}
|
}
|