Skip to content

S
style_tool
Commit 9f52cb68 authored by luohua's avatar luohua
Browse files
Options

统一改样式

parent 6fcdd41a
Hide whitespace changes
Inline Side-by-side
Showing with 93 additions and 82 deletions
element-variables.scss
View file @ 9f52cb68
......@@ -126,7 +126,7 @@ $--background-color-lighter: #F8F8F8 !default;
$--background-select-checked: #D1ECFF !default;
$--background-transfer-head: #F7F7F7 !default;
$--background-transfer-disabled-button: #C2E2F2 !default;
$--background-dialog-header: #EFEFEF !default;
$--background-dialog-header: #eff2f7 !default;
/* Link
-------------------------- */
......@@ -806,7 +806,7 @@ $--dialog-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !default;
/// fontSize||Font|1
$--dialog-title-font-size: $--font-size-base !default;
/// fontSize||Font|1
$--dialog-content-font-size: 14px !default;
$--dialog-content-font-size: 12px !default;
/// fontLineHeight||LineHeight|2
$--dialog-font-line-height: $--font-line-height-primary !default;
/// padding||Spacing|3
......
node_module/element-theme-chalk/src/dialog.scss
View file @ 9f52cb68
......@@ -78,7 +78,7 @@
height: 40px;
line-height: 40px;
padding: 0 32px;
border-bottom: 1px solid $--background-dialog-header;
border-bottom: 1px solid $--border-color-base;
margin: -20px -20px 18px -20px;
@include e(infotip){
......@@ -87,6 +87,9 @@
@include e(successtip){
color: $--color-success;
}
@include e(errortip){
color: $--color-success;
}
}
......
node_module/element-theme-chalk/src/form.scss
View file @ 9f52cb68
......@@ -49,10 +49,10 @@
@include m(medium) {
.el-form-item__label {
line-height: 36px;
line-height: 32px;
}
.el-form-item__content {
line-height: 36px;
line-height: 32px;
}
}
@include m(small) {
......
node_module/element-theme-chalk/src/menu.scss
View file @ 9f52cb68
......@@ -6,7 +6,8 @@
@mixin menu-item {
height: 50px;
line-height: 48px;
font-size: $--menu-item-font-size;
padding: 0 16px !important;
font-size: $--size-base;
color: $--menu-item-font-color;
padding: 0 20px;
list-style: none;
......@@ -133,8 +134,8 @@
width: 46px;
> .el-menu-item,
> .el-submenu > .el-submenu__title {
padding: 0 10px !important;
.el-tooltip{
text-align: center;
padding: 0 10px !important;
}
[class^="el-icon-"] {
......@@ -236,7 +237,8 @@
& .el-menu-item {
height: 40px;
line-height: 40px;
padding: 0 45px;
padding: 0;
padding-left: 50px !important;
min-width: 200px;
}
@include e(icon-arrow) {
......
node_module/element-theme-chalk/src/message-box.scss
View file @ 9f52cb68
......@@ -41,7 +41,7 @@
padding-bottom: 6px;
padding-top: 6px;
background-color: #EFF2F7;
border-bottom: 1px solid #D0D0D0;
border-bottom: 1px solid #e4e4e4;
}
@include e(title) {
......
node_module/element-theme-chalk/src/radio-button.scss
View file @ 9f52cb68
......@@ -44,7 +44,7 @@
&:first-child {
.el-radio-button__inner {
border-left: $--border-base;
border-left: $--border-width-base $--border-style-base $--border-color-light;
border-radius: $--border-radius-base 0 0 $--border-radius-base;
box-shadow: none !important;
}
......
node_module/element-theme-chalk/src/radio.scss
View file @ 9f52cb68
......@@ -13,7 +13,8 @@
white-space: nowrap;
outline: none;
font-size: $--font-size-base;
margin-right: 30px;
margin-left: 30px;
margin-right: 8px;
@include utils-user-select(none);
@include when(bordered) {
......
node_module/element-theme-chalk/src/tabs.scss
View file @ 9f52cb68
......@@ -182,7 +182,6 @@
transform-origin: 100% 50%;
}
> .el-tabs__header .el-tabs__item {
border-bottom: 1px solid transparent;
transition: color .3s cubic-bezier(.645,.045,.355,1), padding .3s cubic-bezier(.645,.045,.355,1);
&.is-closable {
......
theme/cascader-panel.css
View file @ 9f52cb68
......@@ -1321,7 +1321,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
white-space: nowrap;
outline: none;
font-size: 12px;
margin-right: 30px;
margin-left: 30px;
margin-right: 8px;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none; }
......
theme/cascader.css
View file @ 9f52cb68
......@@ -2950,7 +2950,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
white-space: nowrap;
outline: none;
font-size: 12px;
margin-right: 30px;
margin-left: 30px;
margin-right: 8px;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none; }
......
theme/dialog.css
View file @ 9f52cb68
......@@ -596,7 +596,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
padding-top: 8px;
height: 32px;
line-height: 32px;
background: #EFEFEF; }
background: #eff2f7; }
.el-dialog__headerbtn {
position: absolute;
top: 16px;
......@@ -625,7 +625,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
height: 40px;
line-height: 40px;
padding: 0 32px;
border-bottom: 1px solid #EFEFEF;
border-bottom: 1px solid #E4E4E4;
margin: -20px -20px 18px -20px; }
.el-dialog__infotip {
color: #00BBF2; }
......@@ -636,7 +636,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-dialog__body {
padding: 20px;
color: #666666;
font-size: 14px;
font-size: 12px;
word-break: break-all; }
.el-dialog__footer {
padding: 0 0 40px 0;
......
theme/form.css
View file @ 9f52cb68
......@@ -300,9 +300,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-form-item .el-input__validateIcon {
display: none; }
.el-form-item--medium .el-form-item__label {
line-height: 36px; }
line-height: 32px; }
.el-form-item--medium .el-form-item__content {
line-height: 36px; }
line-height: 32px; }
.el-form-item--small .el-form-item__label {
line-height: 32px; }
.el-form-item--small .el-form-item__content {
......
theme/index.css
View file @ 9f52cb68
......@@ -5274,7 +5274,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
padding-top: 8px;
height: 32px;
line-height: 32px;
background: #EFEFEF; }
background: #eff2f7; }
.el-dialog__headerbtn {
position: absolute;
top: 16px;
......@@ -5303,7 +5303,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
height: 40px;
line-height: 40px;
padding: 0 32px;
border-bottom: 1px solid #EFEFEF;
border-bottom: 1px solid #E4E4E4;
margin: -20px -20px 18px -20px; }
.el-dialog__infotip {
color: #00BBF2; }
......@@ -5314,7 +5314,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-dialog__body {
padding: 20px;
color: #666666;
font-size: 14px;
font-size: 12px;
word-break: break-all; }
.el-dialog__footer {
padding: 0 0 40px 0;
......@@ -8995,28 +8995,26 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #333333; }
.el-menu--collapse {
width: 46px; }
.el-menu--collapse > .el-menu-item,
.el-menu--collapse > .el-submenu > .el-submenu__title {
.el-menu--collapse > .el-menu-item .el-tooltip,
.el-menu--collapse > .el-submenu > .el-submenu__title .el-tooltip {
text-align: center;
padding: 0 10px !important; }
.el-menu--collapse > .el-menu-item .el-tooltip,
.el-menu--collapse > .el-submenu > .el-submenu__title .el-tooltip {
padding: 0 10px !important; }
.el-menu--collapse > .el-menu-item [class^="el-icon-"],
.el-menu--collapse > .el-submenu > .el-submenu__title [class^="el-icon-"] {
margin: 0;
vertical-align: middle;
width: 24px;
text-align: center; }
.el-menu--collapse > .el-menu-item .el-submenu__icon-arrow,
.el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
display: none; }
.el-menu--collapse > .el-menu-item span,
.el-menu--collapse > .el-submenu > .el-submenu__title span {
height: 0;
width: 0;
overflow: hidden;
visibility: hidden;
display: inline-block; }
.el-menu--collapse > .el-menu-item [class^="el-icon-"],
.el-menu--collapse > .el-submenu > .el-submenu__title [class^="el-icon-"] {
margin: 0;
vertical-align: middle;
width: 24px;
text-align: center; }
.el-menu--collapse > .el-menu-item .el-submenu__icon-arrow,
.el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
display: none; }
.el-menu--collapse > .el-menu-item span,
.el-menu--collapse > .el-submenu > .el-submenu__title span {
height: 0;
width: 0;
overflow: hidden;
visibility: hidden;
display: inline-block; }
.el-menu--collapse > .el-menu-item.is-active i {
color: inherit; }
.el-menu--collapse .el-menu .el-submenu {
......@@ -9053,7 +9051,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-menu-item {
height: 50px;
line-height: 48px;
font-size: 12px;
padding: 0 16px !important;
font-size: 14px;
color: #CCCCCC;
padding: 0 20px;
list-style: none;
......@@ -9093,7 +9092,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-submenu__title {
height: 50px;
line-height: 48px;
font-size: 12px;
padding: 0 16px !important;
font-size: 14px;
color: #CCCCCC;
padding: 0 20px;
list-style: none;
......@@ -9122,7 +9122,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-submenu .el-menu-item {
height: 40px;
line-height: 40px;
padding: 0 45px;
padding: 0;
padding-left: 50px !important;
min-width: 200px; }
.el-submenu__icon-arrow {
position: absolute;
......@@ -11045,7 +11046,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
white-space: nowrap;
outline: none;
font-size: 12px;
margin-right: 30px;
margin-left: 30px;
margin-right: 8px;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none; }
......@@ -11878,7 +11880,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-radio-button__inner [class*="el-icon-"] + span {
margin-left: 5px; }
.el-radio-button:first-child .el-radio-button__inner {
border-left: 1px solid #E4E4E4;
border-left: 1px solid #B6B9BA;
border-radius: 3px 0 0 3px;
-webkit-box-shadow: none !important;
box-shadow: none !important; }
......@@ -31622,7 +31624,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
padding-bottom: 6px;
padding-top: 6px;
background-color: #EFF2F7;
border-bottom: 1px solid #D0D0D0; }
border-bottom: 1px solid #e4e4e4; }
.el-message-box__title {
padding-left: 0;
margin-bottom: 0;
......@@ -32409,9 +32411,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-form-item .el-input__validateIcon {
display: none; }
.el-form-item--medium .el-form-item__label {
line-height: 36px; }
line-height: 32px; }
.el-form-item--medium .el-form-item__content {
line-height: 36px; }
line-height: 32px; }
.el-form-item--small .el-form-item__label {
line-height: 32px; }
.el-form-item--small .el-form-item__content {
......@@ -32928,7 +32930,6 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
transform-origin: 100% 50%; }
.el-tabs--card > .el-tabs__header .el-tabs__item {
border-bottom: 1px solid transparent;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover {
......@@ -48110,7 +48111,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
white-space: nowrap;
outline: none;
font-size: 12px;
margin-right: 30px;
margin-left: 30px;
margin-right: 8px;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none; }
......@@ -57693,7 +57695,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
white-space: nowrap;
outline: none;
font-size: 12px;
margin-right: 30px;
margin-left: 30px;
margin-right: 8px;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none; }
theme/menu.css
View file @ 9f52cb68
......@@ -575,28 +575,26 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #333333; }
.el-menu--collapse {
width: 46px; }
.el-menu--collapse > .el-menu-item,
.el-menu--collapse > .el-submenu > .el-submenu__title {
.el-menu--collapse > .el-menu-item .el-tooltip,
.el-menu--collapse > .el-submenu > .el-submenu__title .el-tooltip {
text-align: center;
padding: 0 10px !important; }
.el-menu--collapse > .el-menu-item .el-tooltip,
.el-menu--collapse > .el-submenu > .el-submenu__title .el-tooltip {
padding: 0 10px !important; }
.el-menu--collapse > .el-menu-item [class^="el-icon-"],
.el-menu--collapse > .el-submenu > .el-submenu__title [class^="el-icon-"] {
margin: 0;
vertical-align: middle;
width: 24px;
text-align: center; }
.el-menu--collapse > .el-menu-item .el-submenu__icon-arrow,
.el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
display: none; }
.el-menu--collapse > .el-menu-item span,
.el-menu--collapse > .el-submenu > .el-submenu__title span {
height: 0;
width: 0;
overflow: hidden;
visibility: hidden;
display: inline-block; }
.el-menu--collapse > .el-menu-item [class^="el-icon-"],
.el-menu--collapse > .el-submenu > .el-submenu__title [class^="el-icon-"] {
margin: 0;
vertical-align: middle;
width: 24px;
text-align: center; }
.el-menu--collapse > .el-menu-item .el-submenu__icon-arrow,
.el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
display: none; }
.el-menu--collapse > .el-menu-item span,
.el-menu--collapse > .el-submenu > .el-submenu__title span {
height: 0;
width: 0;
overflow: hidden;
visibility: hidden;
display: inline-block; }
.el-menu--collapse > .el-menu-item.is-active i {
color: inherit; }
.el-menu--collapse .el-menu .el-submenu {
......@@ -633,7 +631,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-menu-item {
height: 50px;
line-height: 48px;
font-size: 12px;
padding: 0 16px !important;
font-size: 14px;
color: #CCCCCC;
padding: 0 20px;
list-style: none;
......@@ -673,7 +672,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-submenu__title {
height: 50px;
line-height: 48px;
font-size: 12px;
padding: 0 16px !important;
font-size: 14px;
color: #CCCCCC;
padding: 0 20px;
list-style: none;
......@@ -702,7 +702,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-submenu .el-menu-item {
height: 40px;
line-height: 40px;
padding: 0 45px;
padding: 0;
padding-left: 50px !important;
min-width: 200px; }
.el-submenu__icon-arrow {
position: absolute;
......
theme/message-box.css
View file @ 9f52cb68
......@@ -1964,7 +1964,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
padding-bottom: 6px;
padding-top: 6px;
background-color: #EFF2F7;
border-bottom: 1px solid #D0D0D0; }
border-bottom: 1px solid #e4e4e4; }
.el-message-box__title {
padding-left: 0;
margin-bottom: 0;
......
theme/radio-button.css
View file @ 9f52cb68
......@@ -427,7 +427,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-radio-button__inner [class*="el-icon-"] + span {
margin-left: 5px; }
.el-radio-button:first-child .el-radio-button__inner {
border-left: 1px solid #E4E4E4;
border-left: 1px solid #B6B9BA;
border-radius: 3px 0 0 3px;
-webkit-box-shadow: none !important;
box-shadow: none !important; }
......
theme/radio.css
View file @ 9f52cb68
......@@ -400,7 +400,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
white-space: nowrap;
outline: none;
font-size: 12px;
margin-right: 30px;
margin-left: 30px;
margin-right: 8px;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none; }
......
theme/tabs.css
View file @ 9f52cb68
......@@ -434,7 +434,6 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
transform-origin: 100% 50%; }
.el-tabs--card > .el-tabs__header .el-tabs__item {
border-bottom: 1px solid transparent;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment