/
calcite-combobox-item-group.scss
54 lines (47 loc) · 1.46 KB
/
calcite-combobox-item-group.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
.scale--s {
@apply text-n2h;
--calcite-combobox-item-spacing-unit-l: theme("spacing.2");
--calcite-combobox-item-spacing-unit-s: theme("spacing.1");
--calcite-combobox-item-spacing-indent-1: theme("spacing.2");
--calcite-combobox-item-spacing-indent-2: theme("spacing.4");
}
.scale--m {
@apply text-n1h;
--calcite-combobox-item-spacing-unit-l: theme("spacing.3");
--calcite-combobox-item-spacing-unit-s: theme("spacing.2");
--calcite-combobox-item-spacing-indent-1: theme("spacing.3");
--calcite-combobox-item-spacing-indent-2: theme("spacing.6");
}
.scale--l {
@apply text-0h;
--calcite-combobox-item-spacing-unit-l: theme("spacing.4");
--calcite-combobox-item-spacing-unit-s: theme("spacing.3");
--calcite-combobox-item-spacing-indent-1: theme("spacing.4");
--calcite-combobox-item-spacing-indent-2: theme("spacing.8");
}
:host,
.list {
@apply flex flex-col m-0 p-0 outline-none;
}
.label {
@apply box-border w-full max-w-full min-w-0 text-color-3 flex;
}
.label--indent-1 {
padding-inline-start: var(--calcite-combobox-item-spacing-indent-1);
}
.label--indent-2 {
padding-inline-start: var(--calcite-combobox-item-spacing-indent-2);
}
.title {
border: 0 solid;
@apply block
flex-1
border-b-color-3
border-b
text-color-2
font-bold
word-break;
padding: var(--calcite-combobox-item-spacing-unit-l) 0;
margin-left: var(--calcite-combobox-item-spacing-unit-s);
margin-right: var(--calcite-combobox-item-spacing-unit-s);
}