This repository has been archived on 2023-08-30. You can view files and clone it, but cannot push or open issues/pull-requests.
bytedo
/
wcui
Archived
1
0
Fork 0

精简input组件的类型

old
宇天 2021-03-10 13:49:18 +08:00
parent b76e54fd1e
commit 964b6093c3
1 changed files with 4 additions and 24 deletions

View File

@ -37,7 +37,7 @@ li {
align-items: center; align-items: center;
height: 36px; height: 36px;
font-size: 14px; font-size: 14px;
border: 2px solid var(--color-plain-2); border: 2px solid var(--color-grey-2);
border-radius: inherit; border-radius: inherit;
background: var(--bg-color, #fff); background: var(--bg-color, #fff);
color: inherit; color: inherit;
@ -75,11 +75,11 @@ li {
white-space: nowrap; white-space: nowrap;
} }
.prepend { .prepend {
border-right: 2px solid var(--color-plain-1); border-right: 2px solid var(--color-grey-a);
border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px;
} }
.append { .append {
border-left: 2px solid var(--color-plain-1); border-left: 2px solid var(--color-grey-a);
border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0;
} }
&[prepend] .prepend, &[prepend] .prepend,
@ -232,14 +232,11 @@ li {
/* ----- 类型(颜色) ----- */ /* ----- 类型(颜色) ----- */
:host(:focus-within) { :host(:focus-within) {
box-shadow: 0 0 0 2px var(--color-plain-a); box-shadow: 0 0 0 2px var(--color-grey-a);
} }
:host([type='primary']:focus-within) { :host([type='primary']:focus-within) {
box-shadow: 0 0 0 2px var(--color-teal-a); box-shadow: 0 0 0 2px var(--color-teal-a);
} }
:host([type='default']:focus-within) {
box-shadow: 0 0 0 2px var(--color-grey-a);
}
:host([type='info']:focus-within) { :host([type='info']:focus-within) {
box-shadow: 0 0 0 2px var(--color-blue-a); box-shadow: 0 0 0 2px var(--color-blue-a);
} }
@ -252,9 +249,6 @@ li {
:host([type='warning']:focus-within) { :host([type='warning']:focus-within) {
box-shadow: 0 0 0 2px var(--color-orange-a); box-shadow: 0 0 0 2px var(--color-orange-a);
} }
:host([type='inverse']:focus-within) {
box-shadow: 0 0 0 2px var(--color-dark-a);
}
:host([type='primary']) .label { :host([type='primary']) .label {
border-color: var(--color-teal-2); border-color: var(--color-teal-2);
@ -263,13 +257,6 @@ li {
border-color: var(--color-teal-a); border-color: var(--color-teal-a);
} }
} }
:host([type='default']) .label {
border-color: var(--color-grey-2);
.prepend,
.append {
border-color: var(--color-grey-a);
}
}
:host([type='info']) .label { :host([type='info']) .label {
border-color: var(--color-blue-2); border-color: var(--color-blue-2);
.prepend, .prepend,
@ -298,13 +285,6 @@ li {
border-color: var(--color-orange-a); border-color: var(--color-orange-a);
} }
} }
:host([type='inverse']) .label {
border-color: var(--color-dark-2);
.prepend,
.append {
border-color: var(--color-dark-a);
}
}
/* --- */ /* --- */
:host([disabled]) { :host([disabled]) {