/
calcite-accordion.scss
44 lines (40 loc) · 1.35 KB
/
calcite-accordion.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
// scale variants for child
:host([scale="s"]) {
--calcite-accordion-item-spacing-unit: theme("spacing.1");
--calcite-accordion-icon-margin: theme("spacing.2");
--calcite-accordion-item-padding: var(--calcite-accordion-item-spacing-unit) theme("spacing.2");
@apply text-n2h;
}
:host([scale="m"]) {
--calcite-accordion-item-spacing-unit: theme("spacing.2");
--calcite-accordion-icon-margin: theme("spacing.3");
--calcite-accordion-item-padding: var(--calcite-accordion-item-spacing-unit) theme("spacing.3");
@apply text-n1h;
}
:host([scale="l"]) {
--calcite-accordion-item-spacing-unit: theme("spacing.3");
--calcite-accordion-icon-margin: theme("spacing.4");
--calcite-accordion-item-padding: var(--calcite-accordion-item-spacing-unit) theme("spacing.4");
@apply text-0h;
}
:host {
@apply block
relative
max-w-full
border
border-solid
border-color-2
border-b-0
leading-6;
--calcite-accordion-item-border: theme("borderColor.color.2");
--calcite-accordion-item-background: theme("backgroundColor.foreground.1");
}
:host([appearance="minimal"]) {
--calcite-accordion-item-padding: var(--calcite-accordion-item-spacing-unit) 0;
border-color: transparent;
}
:host([appearance="transparent"]) {
border-color: transparent;
--calcite-accordion-item-border: transparent;
--calcite-accordion-item-background: transparent;
}