精简input组件的类型
parent
b76e54fd1e
commit
964b6093c3
|
@ -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]) {
|
||||||
|
|
Reference in New Issue