UNPKG

2.19 kBtext/lessView Raw
1@import (reference) './imports/global';
2
3/*! AUI Lozenge */
4.aui-lozenge {
5 @aui-lozenge-border-radius: @aui-border-radius-small;
6
7 background: var(--aui-lozenge-bg-color);
8 border: 0;
9 border-radius: @aui-lozenge-border-radius;
10 color: var(--aui-lozenge-text-color);
11 display: inline-block;
12 font-size: @aui-font-size-xsmall;
13 font-weight: bold;
14 line-height: 1;
15 margin: 0;
16 padding: 2px 5px 3px;
17 text-align: center;
18 text-decoration: none;
19 text-transform: uppercase;
20
21 &.aui-lozenge-subtle {
22 background-color: var(--aui-lozenge-subtle-bg-color);
23 color: var(--aui-lozenge-subtle-text-color);
24 }
25}
26
27.aui-lozenge-success {
28 background-color: var(--aui-lozenge-success-bg-color);
29 color: var(--aui-lozenge-success-text-color);
30
31 &.aui-lozenge-subtle {
32 background-color: var(--aui-lozenge-success-subtle-bg-color);
33 color: var(--aui-lozenge-success-subtle-text-color);
34 }
35}
36
37.aui-lozenge-error, .aui-lozenge-removed {
38 background-color: var(--aui-lozenge-error-bg-color);
39 color: var(--aui-lozenge-error-text-color);
40
41 &.aui-lozenge-subtle {
42 background-color: var(--aui-lozenge-error-subtle-bg-color);
43 color: var(--aui-lozenge-error-subtle-text-color);
44 }
45}
46
47.aui-lozenge-current, .aui-lozenge-inprogress {
48 background-color: var(--aui-lozenge-current-bg-color);
49 color: var(--aui-lozenge-current-text-color);
50
51 &.aui-lozenge-subtle {
52 background-color: var(--aui-lozenge-current-subtle-bg-color);
53 color: var(--aui-lozenge-current-subtle-text-color);
54 }
55}
56
57.aui-lozenge-complete, .aui-lozenge-new {
58 background-color: var(--aui-lozenge-new-bg-color);
59 color: var(--aui-lozenge-new-text-color);
60
61 &.aui-lozenge-subtle {
62 background-color: var(--aui-lozenge-new-subtle-bg-color);
63 color: var(--aui-lozenge-new-subtle-text-color);
64 }
65}
66.aui-lozenge-moved {
67 background-color: var(--aui-lozenge-moved-bg-color);
68 color: var(--aui-lozenge-moved-text-color);
69
70 &.aui-lozenge-subtle {
71 background-color: var(--aui-lozenge-moved-subtle-bg-color);
72 color: var(--aui-lozenge-moved-subtle-text-color);
73 }
74}