@atlassian/aui
Version:
Atlassian User Interface Framework
60 lines (57 loc) • 1.45 kB
CSS
/*!!
* @atlassian/aui - Atlassian User Interface Framework
* @version v8.0.0-alpha.1
* @link https://aui.atlassian.com
* @license SEE LICENSE IN LICENSE.md
* @author Atlassian Pty Ltd.
*/
/*! 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;
}