summaryrefslogtreecommitdiffhomepage
path: root/packages/ui/src/components/diff-changes.css
blob: 6e0c3d01ba7f9e0049a43d96eed1687ea750c9fc (plain)
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
[data-component="diff-changes"] {
	display: flex;
	gap: 8px;
	justify-content: flex-end;
	align-items: center;

	[data-slot="diff-changes-additions"] {
		font-family: var(--font-family-mono);
		font-feature-settings: var(--font-family-mono--font-feature-settings);
		font-size: var(--font-size-small);
		font-style: normal;
		font-weight: var(--font-weight-regular);
		line-height: var(--line-height-large);
		letter-spacing: var(--letter-spacing-normal);
		text-align: right;
		color: var(--text-diff-add-base);
	}

	[data-slot="diff-changes-deletions"] {
		font-family: var(--font-family-mono);
		font-feature-settings: var(--font-family-mono--font-feature-settings);
		font-size: var(--font-size-small);
		font-style: normal;
		font-weight: var(--font-weight-regular);
		line-height: var(--line-height-large);
		letter-spacing: var(--letter-spacing-normal);
		text-align: right;
		color: var(--text-diff-delete-base);
	}
}

[data-component="diff-changes"][data-variant="bars"] {
	width: 18px;
	flex-shrink: 0;

	svg {
		display: block;
		width: 100%;
		height: auto;
	}
}