UNPKG

@primer/primitives

Version:

Typography, spacing, and color primitives for Primer design system

github.com/primer/primitives

primer/primitives

55 lines (53 loc) • 3.29 kB
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
/** * Do not edit directly * Generated on Fri, 29 Apr 2022 19:38:32 GMT */ :root { --primer-controlStack-large-gap-spacious: var(--base-size-12); --primer-controlStack-large-gap-condensed: var(--base-size-8); --primer-controlStack-large-gap-auto: var(--base-size-8); --primer-controlStack-medium-gap-spacious: var(--base-size-12); --primer-controlStack-medium-gap-condensed: var(--base-size-8); --primer-controlStack-small-gap-spacious: var(--base-size-16); --primer-controlStack-small-gap-condensed: var(--base-size-8); --primer-stack-gap-spacious: var(--base-size-24); --primer-stack-gap-normal: var(--base-size-16); --primer-stack-gap-condensed: var(--base-size-8); --primer-stack-padding-spacious: var(--base-size-24); --primer-stack-padding-normal: var(--base-size-16); --primer-stack-padding-condensed: var(--base-size-8); --primer-control-xlarge-gap: var(--base-size-8); --primer-control-xlarge-paddingInline-spacious: var(--base-size-16); --primer-control-xlarge-paddingInline-normal: var(--base-size-12); --primer-control-xlarge-lineBoxHeight: var(--base-size-20); --primer-control-xlarge-size: var(--base-size-48); --primer-control-large-gap: var(--base-size-8); --primer-control-large-paddingInline-spacious: var(--base-size-16); --primer-control-large-paddingInline-normal: var(--base-size-12); --primer-control-large-lineBoxHeight: var(--base-size-20); --primer-control-large-size: var(--base-size-40); --primer-control-medium-gap: var(--base-size-8); --primer-control-medium-paddingInline-spacious: var(--base-size-16); --primer-control-medium-paddingInline-normal: var(--base-size-12); --primer-control-medium-paddingInline-condensed: var(--base-size-8); --primer-control-medium-lineBoxHeight: var(--base-size-20); --primer-control-medium-size: var(--base-size-32); --primer-control-small-gap: var(--base-size-4); --primer-control-small-paddingInline-normal: var(--base-size-12); --primer-control-small-paddingInline-condensed: var(--base-size-8); --primer-control-small-lineBoxHeight: var(--base-size-20); --primer-control-small-size: var(--base-size-28); --primer-control-xsmall-gap: var(--base-size-4); --primer-control-xsmall-paddingInline-spacious: var(--base-size-12); --primer-control-xsmall-paddingInline-normal: var(--base-size-8); --primer-control-xsmall-paddingInline-condensed: var(--base-size-4); --primer-control-xsmall-lineBoxHeight: var(--base-size-20); --primer-control-xsmall-size: var(--base-size-24); --primer-control-minTarget-coarse: var(--base-size-44); --primer-control-minTarget-fine: var(--base-size-16); --primer-control-xlarge-paddingBlock: calc((var(--primer-control-xlarge-size) - var(--primer-control-xlarge-lineBoxHeight)) / 2); --primer-control-large-paddingBlock: calc((var(--primer-control-large-size) - var(--primer-control-large-lineBoxHeight)) / 2); --primer-control-medium-paddingBlock: calc((var(--primer-control-medium-size) - var(--primer-control-medium-lineBoxHeight)) / 2); --primer-control-small-paddingBlock: calc((var(--primer-control-small-size) - var(--primer-control-small-lineBoxHeight)) / 2); --primer-control-xsmall-paddingBlock: calc((var(--primer-control-xsmall-size) - var(--primer-control-xsmall-lineBoxHeight)) / 2); }