kolibri/packages/themes/bwst/src/components/details.scss at 01314f1ad33966892c1a9e3e565ff6ced5553ddb · public-ui/kolibri · GitHub

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
55
56
57
58
59
60
61
62
@use '../mixins/to-rem' as *;
@use '../mixins/indented-text' as *;
@use '../mixins/focus-outline' as *;
@use '../mixins/icon' as *;

@layer kol-theme-component {
	@include kol-icon-theme;
	.kol-details {
		display: grid;
		width: 100%;
		height: 100%;

		&__content {
			&.indented-text {
				width: 100%;
				margin: to-rem(4) 0 0 to-rem(10.4);
				padding: 0 to-rem(18) 0 to-rem(8);
				//margin-left: to-rem(-2);
			}
		}

		&__heading {
			margin: 0;
		}

		&__heading-button {
			.kol-icon {
				font-size: to-rem(19.2);
			}

			.kol-span {
				&__container {
					display: flex;
					gap: 0;
					text-align: left;
				}

				&__label {
					border-bottom-width: 0;
				}

				.kol-icon {
					color: var(--color-primary);
				}
			}

			.kol-button:focus-visible {
				@include focus-outline;
			}
		}

		.collapsible__heading {
			border-top: 1px solid var(--color-mute-variant);
			padding-block: to-rem(4);
		}

		.collapsible__wrapper {
			border-bottom: 1px solid var(--color-mute-variant);
			padding-block: to-rem(4);
		}
	}
}