@atlassian/aui
Version:
Atlassian User Interface Framework
53 lines (51 loc) • 1.31 kB
CSS
/*! AUI Label */
.aui-label {
background: #F4F5F7;
border: 1px solid #DFE1E6;
border-radius: 3.01px;
color: #0052CC;
display: inline-block;
font-size: 14px;
font-weight: normal;
line-height: 1;
padding: 1px 5px;
margin: 0 5px 0 0;
text-align: left;
text-decoration: none;
}
a.aui-label {
color: #0052CC;
}
span.aui-label {
color: #172B4D;
}
/* Need the split hover to trigger border on parent while split label/X are hovered */
.aui-label.aui-label-closeable.aui-label-split:hover,
a.aui-label:focus,
a.aui-label:hover,
a.aui-label:active {
border-color: #7A869A;
text-decoration: none;
}
.aui-label-split .aui-label-split-main:hover,
.aui-label-split .aui-label-split-main:active,
.aui-label-split .aui-label-split-main:focus {
text-decoration: none;
}
.aui-label.aui-label-closeable {
padding-right: 18px;
position: relative;
}
.aui-label-closeable .aui-icon-close {
/* Small X icon */
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAQAAABuBnYAAAAAKUlEQVQI12NgYFj0nwEKwKxF/9P+Q4TgLAgDIQEVQuJiCKBpwWoosrUAzbg31XT4p6QAAAAASUVORK5CYII=') 0 0 no-repeat;
cursor: pointer;
display: block;
float: right;
height: 8px;
position: absolute;
right: 5px;
top: 4px;
width: 8px;
}
/*# sourceMappingURL=aui-experimental-labels.css.map */