This repository has been archived on 2020-03-24. You can view files and clone it, but cannot push or open issues or pull requests.
quay/static/css/directives/ui/label-input.css
2017-03-14 11:34:43 -04:00

40 lines
No EOL
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;
}