UNPKG

1.8 kBtext/lessView Raw
1@import (reference) './imports/global';
2
3@aui-label-close-button-width: 16px;
4
5/*! AUI Label */
6.aui-label {
7 background: @aui-label-bg-color;
8 border: 1px solid @aui-label-border-color;
9 border-radius: @aui-label-border-radius;
10 display: inline-block;
11 font-size: @aui-font-size-medium;
12 font-weight: normal;
13 line-height: 1;
14 padding: 1px 5px;
15 margin: 0 5px 0 0;
16 text-align: left;
17 text-decoration: none;
18}
19
20a.aui-label {
21 color: @aui-label-link-color;
22}
23
24span.aui-label {
25 color: @aui-label-text-color;
26}
27
28/* Need the split hover to trigger border on parent while split label/X are hovered */
29.aui-label.aui-label-closeable.aui-label-split:hover,
30a.aui-label:focus,
31a.aui-label:hover,
32a.aui-label:active {
33 border-color: @aui-label-hover-border-color;
34 text-decoration: none;
35}
36
37.aui-label-split .aui-label-split-main:hover,
38.aui-label-split .aui-label-split-main:active,
39.aui-label-split .aui-label-split-main:focus{
40 text-decoration: none;
41}
42
43.aui-label.aui-label-closeable {
44 padding-right: @aui-label-close-button-width + 2px;
45 position: relative;
46}
47
48.aui-label-closeable .aui-icon-close {
49 background: none;
50 border-radius: @aui-label-border-radius;
51 cursor: pointer;
52 display: flex; // allows us to position the glyph in the absolute center
53 position: absolute;
54 right: 0;
55 top: 0;
56 bottom: 0;
57 width: @aui-label-close-button-width;
58 filter: opacity(0.5);
59
60 //The close cross
61 &::before {
62 #aui.icon-pseudoelement(@aui-icon-font-family);
63 content: @aui-glyph-close;
64 font-size: 10px;
65 margin: auto;
66 }
67
68 &:hover, &:focus {
69 background: var(--aui-label-close-hover-bg-color);
70 color: var(--aui-label-close-hover-text-color);
71 filter: none;
72 }
73}