1 | @import (reference) './imports/global';
|
2 |
|
3 | @aui-label-close-button-width: 16px;
|
4 |
|
5 |
|
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 |
|
20 | a.aui-label {
|
21 | color: @aui-label-link-color;
|
22 | }
|
23 |
|
24 | span.aui-label {
|
25 | color: @aui-label-text-color;
|
26 | }
|
27 |
|
28 |
|
29 | .aui-label.aui-label-closeable.aui-label-split:hover,
|
30 | a.aui-label:focus,
|
31 | a.aui-label:hover,
|
32 | a.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;
|
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 |
|
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 | }
|