40 lines
872 B
CSS
40 lines
872 B
CSS
|
.label-input-element .tags {
|
||
|
background-color: #fff;
|
||
|
border: 1px solid #ccc;
|
||
|
border-radius: 4px;
|
||
|
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
|
||
|
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
||
|
}
|
||
|
|
||
|
.label-input-element .tags.focused {
|
||
|
border-color: #66afe9;
|
||
|
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
|
||
|
}
|
||
|
|
||
|
.label-input-element .tags .tag-item {
|
||
|
display: inline-block;
|
||
|
border-radius: 9px;
|
||
|
background: #eee;
|
||
|
font-size: 12px;
|
||
|
border: 0px;
|
||
|
padding: 0px;
|
||
|
padding-left: 8px;
|
||
|
padding-right: 8px;
|
||
|
height: 22px;
|
||
|
line-height: 22px;
|
||
|
}
|
||
|
|
||
|
.label-input-element tags-input .tags .input {
|
||
|
height: 22px;
|
||
|
}
|
||
|
|
||
|
.label-input-element .tags .tag-item.selected {
|
||
|
background: #31b0d5;
|
||
|
color: #fff;
|
||
|
}
|
||
|
|
||
|
.label-input-element .tags .tag-item button {
|
||
|
background: transparent;
|
||
|
color: #000;
|
||
|
opacity: .4;
|
||
|
}
|