Skip to content

S
style_tool
Commit 77cb409d authored by 刘安琪's avatar 刘安琪
Browse files
Options

调整button高度

parent a5bed3b9
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 189 additions and 189 deletions
element-variables.scss
View file @ 77cb409d
......@@ -593,7 +593,7 @@ $--button-medium-font-size: $--font-size-base !default;
/// borderRadius||Border|2
$--button-medium-border-radius: $--border-radius-base !default;
/// padding||Spacing|3
$--button-medium-padding-vertical: 9px !default;
$--button-medium-padding-vertical: 8px !default;
/// padding||Spacing|3
$--button-medium-padding-horizontal: 16px !default;
......@@ -601,14 +601,14 @@ $--button-medium-padding-horizontal: 16px !default;
$--button-small-font-size: $--font-size-base !default;
$--button-small-border-radius: $--border-radius-base !default;
/// padding||Spacing|3
$--button-small-padding-vertical: 7px !default;
$--button-small-padding-vertical: 6px !default;
/// padding||Spacing|3
$--button-small-padding-horizontal: 16px !default;
/// fontSize||Font|1
$--button-mini-font-size: $--font-size-base !default;
$--button-mini-border-radius: $--border-radius-base !default;
/// padding||Spacing|3
$--button-mini-padding-vertical: 5px !default;
$--button-mini-padding-vertical: 4px !default;
/// padding||Spacing|3
$--button-mini-padding-horizontal: 16px !default;
......
theme/button.css
View file @ 77cb409d
......@@ -688,29 +688,29 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--medium {
padding: 9px 16px;
padding: 8px 16px;
font-size: 14px;
border-radius: 3px; }
.el-button--medium.is-round {
padding: 9px 16px; }
padding: 8px 16px; }
.el-button--medium.is-circle {
padding: 9px; }
padding: 8px; }
.el-button--small {
padding: 7px 16px;
padding: 6px 16px;
font-size: 14px;
border-radius: 3px; }
.el-button--small.is-round {
padding: 7px 16px; }
padding: 6px 16px; }
.el-button--small.is-circle {
padding: 7px; }
padding: 6px; }
.el-button--mini {
padding: 5px 16px;
padding: 4px 16px;
font-size: 14px;
border-radius: 3px; }
.el-button--mini.is-round {
padding: 5px 16px; }
padding: 4px 16px; }
.el-button--mini.is-circle {
padding: 5px; }
padding: 4px; }
.el-button--text {
border-color: transparent;
color: #0994DC;
......
theme/calendar.css
View file @ 77cb409d
......@@ -952,29 +952,29 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--medium {
padding: 9px 16px;
padding: 8px 16px;
font-size: 14px;
border-radius: 3px; }
.el-button--medium.is-round {
padding: 9px 16px; }
padding: 8px 16px; }
.el-button--medium.is-circle {
padding: 9px; }
padding: 8px; }
.el-button--small {
padding: 7px 16px;
padding: 6px 16px;
font-size: 14px;
border-radius: 3px; }
.el-button--small.is-round {
padding: 7px 16px; }
padding: 6px 16px; }
.el-button--small.is-circle {
padding: 7px; }
padding: 6px; }
.el-button--mini {
padding: 5px 16px;
padding: 4px 16px;
font-size: 14px;
border-radius: 3px; }
.el-button--mini.is-round {
padding: 5px 16px; }
padding: 4px 16px; }
.el-button--mini.is-circle {
padding: 5px; }
padding: 4px; }
.el-button--text {
border-color: transparent;
color: #0994DC;
......
theme/cascader-panel.css
View file @ 77cb409d
......@@ -899,23 +899,23 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-checkbox-button:last-child .el-checkbox-button__inner {
border-radius: 0 3px 3px 0; }
.el-checkbox-button--medium .el-checkbox-button__inner {
padding: 9px 16px;
padding: 8px 16px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
padding: 9px 16px; }
padding: 8px 16px; }
.el-checkbox-button--small .el-checkbox-button__inner {
padding: 7px 16px;
padding: 6px 16px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
padding: 7px 16px; }
padding: 6px 16px; }
.el-checkbox-button--mini .el-checkbox-button__inner {
padding: 5px 16px;
padding: 4px 16px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
padding: 5px 16px; }
padding: 4px 16px; }
.el-checkbox-group {
font-size: 0; }
......
theme/cascader.css
View file @ 77cb409d
......@@ -2528,23 +2528,23 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-checkbox-button:last-child .el-checkbox-button__inner {
border-radius: 0 3px 3px 0; }
.el-checkbox-button--medium .el-checkbox-button__inner {
padding: 9px 16px;
padding: 8px 16px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
padding: 9px 16px; }
padding: 8px 16px; }
.el-checkbox-button--small .el-checkbox-button__inner {
padding: 7px 16px;
padding: 6px 16px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
padding: 7px 16px; }
padding: 6px 16px; }
.el-checkbox-button--mini .el-checkbox-button__inner {
padding: 5px 16px;
padding: 4px 16px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
padding: 5px 16px; }
padding: 4px 16px; }
.el-checkbox-group {
font-size: 0; }
......
theme/checkbox.css
View file @ 77cb409d
......@@ -635,23 +635,23 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-checkbox-button:last-child .el-checkbox-button__inner {
border-radius: 0 3px 3px 0; }
.el-checkbox-button--medium .el-checkbox-button__inner {
padding: 9px 16px;
padding: 8px 16px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
padding: 9px 16px; }
padding: 8px 16px; }
.el-checkbox-button--small .el-checkbox-button__inner {
padding: 7px 16px;
padding: 6px 16px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
padding: 7px 16px; }
padding: 6px 16px; }
.el-checkbox-button--mini .el-checkbox-button__inner {
padding: 5px 16px;
padding: 4px 16px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
padding: 5px 16px; }
padding: 4px 16px; }
.el-checkbox-group {
font-size: 0; }
theme/dropdown.css
View file @ 77cb409d
......@@ -952,29 +952,29 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--medium {
padding: 9px 16px;
padding: 8px 16px;
font-size: 14px;
border-radius: 3px; }
.el-button--medium.is-round {
padding: 9px 16px; }
padding: 8px 16px; }
.el-button--medium.is-circle {
padding: 9px; }
padding: 8px; }
.el-button--small {
padding: 7px 16px;
padding: 6px 16px;
font-size: 14px;
border-radius: 3px; }
.el-button--small.is-round {
padding: 7px 16px; }
padding: 6px 16px; }
.el-button--small.is-circle {
padding: 7px; }
padding: 6px; }
.el-button--mini {
padding: 5px 16px;
padding: 4px 16px;
font-size: 14px;
border-radius: 3px; }
.el-button--mini.is-round {
padding: 5px 16px; }
padding: 4px 16px; }
.el-button--mini.is-circle {
padding: 5px; }
padding: 4px; }
.el-button--text {
border-color: transparent;
color: #0994DC;
......
theme/index.css
View file @ 77cb409d
This diff is collapsed.
theme/message-box.css
View file @ 77cb409d
......@@ -1256,29 +1256,29 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--medium {
padding: 9px 16px;
padding: 8px 16px;
font-size: 14px;
border-radius: 3px; }
.el-button--medium.is-round {
padding: 9px 16px; }
padding: 8px 16px; }
.el-button--medium.is-circle {
padding: 9px; }
padding: 8px; }
.el-button--small {
padding: 7px 16px;
padding: 6px 16px;
font-size: 14px;
border-radius: 3px; }
.el-button--small.is-round {
padding: 7px 16px; }
padding: 6px 16px; }
.el-button--small.is-circle {
padding: 7px; }
padding: 6px; }
.el-button--mini {
padding: 5px 16px;
padding: 4px 16px;
font-size: 14px;
border-radius: 3px; }
.el-button--mini.is-round {
padding: 5px 16px; }
padding: 4px 16px; }
.el-button--mini.is-circle {
padding: 5px; }
padding: 4px; }
.el-button--text {
border-color: transparent;
color: #0994DC;
......
theme/radio-button.css
View file @ 77cb409d
......@@ -456,23 +456,23 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-radio-button:first-child:last-child .el-radio-button__inner {
border-radius: 3px; }
.el-radio-button--medium .el-radio-button__inner {
padding: 9px 16px;
padding: 8px 16px;
font-size: 14px;
border-radius: 0; }
.el-radio-button--medium .el-radio-button__inner.is-round {
padding: 9px 16px; }
padding: 8px 16px; }
.el-radio-button--small .el-radio-button__inner {
padding: 7px 16px;
padding: 6px 16px;
font-size: 14px;
border-radius: 0; }
.el-radio-button--small .el-radio-button__inner.is-round {
padding: 7px 16px; }
padding: 6px 16px; }
.el-radio-button--mini .el-radio-button__inner {
padding: 5px 16px;
padding: 4px 16px;
font-size: 14px;
border-radius: 0; }
.el-radio-button--mini .el-radio-button__inner.is-round {
padding: 5px 16px; }
padding: 4px 16px; }
.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
/*获得焦点时 样式提醒*/
-webkit-box-shadow: 0 0 2px 2px #0994DC;
......
theme/table-column.css
View file @ 77cb409d
......@@ -772,23 +772,23 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-checkbox-button:last-child .el-checkbox-button__inner {
border-radius: 0 3px 3px 0; }
.el-checkbox-button--medium .el-checkbox-button__inner {
padding: 9px 16px;
padding: 8px 16px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
padding: 9px 16px; }
padding: 8px 16px; }
.el-checkbox-button--small .el-checkbox-button__inner {
padding: 7px 16px;
padding: 6px 16px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
padding: 7px 16px; }
padding: 6px 16px; }
.el-checkbox-button--mini .el-checkbox-button__inner {
padding: 5px 16px;
padding: 4px 16px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
padding: 5px 16px; }
padding: 4px 16px; }
.el-checkbox-group {
font-size: 0; }
......
theme/table.css
View file @ 77cb409d
......@@ -772,23 +772,23 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-checkbox-button:last-child .el-checkbox-button__inner {
border-radius: 0 3px 3px 0; }
.el-checkbox-button--medium .el-checkbox-button__inner {
padding: 9px 16px;
padding: 8px 16px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
padding: 9px 16px; }
padding: 8px 16px; }
.el-checkbox-button--small .el-checkbox-button__inner {
padding: 7px 16px;
padding: 6px 16px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
padding: 7px 16px; }
padding: 6px 16px; }
.el-checkbox-button--mini .el-checkbox-button__inner {
padding: 5px 16px;
padding: 4px 16px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
padding: 5px 16px; }
padding: 4px 16px; }
.el-checkbox-group {
font-size: 0; }
......
theme/transfer.css
View file @ 77cb409d
......@@ -1508,29 +1508,29 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--medium {
padding: 9px 16px;
padding: 8px 16px;
font-size: 14px;
border-radius: 3px; }
.el-button--medium.is-round {
padding: 9px 16px; }
padding: 8px 16px; }
.el-button--medium.is-circle {
padding: 9px; }
padding: 8px; }
.el-button--small {
padding: 7px 16px;
padding: 6px 16px;
font-size: 14px;
border-radius: 3px; }
.el-button--small.is-round {
padding: 7px 16px; }
padding: 6px 16px; }
.el-button--small.is-circle {
padding: 7px; }
padding: 6px; }
.el-button--mini {
padding: 5px 16px;
padding: 4px 16px;
font-size: 14px;
border-radius: 3px; }
.el-button--mini.is-round {
padding: 5px 16px; }
padding: 4px 16px; }
.el-button--mini.is-circle {
padding: 5px; }
padding: 4px; }
.el-button--text {
border-color: transparent;
color: #0994DC;
......@@ -2263,23 +2263,23 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-checkbox-button:last-child .el-checkbox-button__inner {
border-radius: 0 3px 3px 0; }
.el-checkbox-button--medium .el-checkbox-button__inner {
padding: 9px 16px;
padding: 8px 16px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
padding: 9px 16px; }
padding: 8px 16px; }
.el-checkbox-button--small .el-checkbox-button__inner {
padding: 7px 16px;
padding: 6px 16px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
padding: 7px 16px; }
padding: 6px 16px; }
.el-checkbox-button--mini .el-checkbox-button__inner {
padding: 5px 16px;
padding: 4px 16px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
padding: 5px 16px; }
padding: 4px 16px; }
.el-checkbox-group {
font-size: 0; }
......
theme/tree.css
View file @ 77cb409d
......@@ -1142,23 +1142,23 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-checkbox-button:last-child .el-checkbox-button__inner {
border-radius: 0 3px 3px 0; }
.el-checkbox-button--medium .el-checkbox-button__inner {
padding: 9px 16px;
padding: 8px 16px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
padding: 9px 16px; }
padding: 8px 16px; }
.el-checkbox-button--small .el-checkbox-button__inner {
padding: 7px 16px;
padding: 6px 16px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
padding: 7px 16px; }
padding: 6px 16px; }
.el-checkbox-button--mini .el-checkbox-button__inner {
padding: 5px 16px;
padding: 4px 16px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
padding: 5px 16px; }
padding: 4px 16px; }
.el-checkbox-group {
font-size: 0; }
......
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