优化input组件
parent
f1bc6c8bf8
commit
634e979894
|
@ -93,8 +93,9 @@ li {
|
||||||
}
|
}
|
||||||
/* ----- */
|
/* ----- */
|
||||||
.icon {
|
.icon {
|
||||||
padding: 0 5px;
|
|
||||||
--size: 20px;
|
--size: 20px;
|
||||||
|
padding: 0 5px;
|
||||||
|
color: nth($cgr, 2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -185,6 +186,10 @@ li {
|
||||||
:host([round]) {
|
:host([round]) {
|
||||||
border-radius: 21px;
|
border-radius: 21px;
|
||||||
|
|
||||||
|
.label input {
|
||||||
|
padding: 0 10px;
|
||||||
|
}
|
||||||
|
|
||||||
.prepend {
|
.prepend {
|
||||||
border-radius: 21px 0 0 21px;
|
border-radius: 21px 0 0 21px;
|
||||||
}
|
}
|
||||||
|
@ -226,6 +231,19 @@ li {
|
||||||
height: 18px;
|
height: 18px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
:host([no-border]),
|
||||||
|
:host(:focus-within[no-border]) {
|
||||||
|
box-shadow: none;
|
||||||
|
.label {
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
:host([transparent]) {
|
||||||
|
.label {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
Reference in New Issue