File tree 2 files changed +8
-7
lines changed
content/foundations/primitives
2 files changed +8
-7
lines changed Original file line number Diff line number Diff line change 13
13
``` bash
14
14
npm install @primer/primitives
15
15
```
16
+
16
17
yarn:
17
18
18
19
``` bash
Original file line number Diff line number Diff line change @@ -27,7 +27,7 @@ Base tokens are the lowest level tokens and map directly to a raw value.
27
27
28
28
#### Example ` base ` tokens
29
29
30
- ```
30
+ ``` md
31
31
base-size-4
32
32
base-color-green-5
33
33
brand-base-color-lime-5
@@ -42,7 +42,7 @@ Functional tokens represent global UI patterns.
42
42
43
43
#### Example ` functional ` tokens
44
44
45
- ```
45
+ ``` md
46
46
bgColor-inset
47
47
borderColor-default
48
48
brand-borderWidth-thin
@@ -58,7 +58,7 @@ Component/pattern tokens should only be used in component CSS.
58
58
59
59
#### Example ` component ` /` pattern ` tokens
60
60
61
- ```
61
+ ``` md
62
62
control-danger-borderColor-rest
63
63
button-primary-bgColor-hover
64
64
brand-overlay-bgColor
@@ -147,28 +147,28 @@ Size modifiers are often found as part of the [scale](#scale) block. The followi
147
147
148
148
### General-purpose t-shirt sizes
149
149
150
- ```
150
+ ``` md
151
151
xsmall | small | medium | large | xlarge | xxlarge
152
152
```
153
153
154
154
### Density
155
155
156
156
Use ` normal ` as the default size
157
157
158
- ```
158
+ ``` md
159
159
condensed | normal | spacious
160
160
```
161
161
162
162
### Thickness names
163
163
164
164
Use ` thin ` as the default size
165
165
166
- ```
166
+ ``` md
167
167
thin | thick | thicker
168
168
```
169
169
170
170
### Viewport ranges names
171
171
172
- ```
172
+ ``` md
173
173
narrow | regular | wide
174
174
```
You can’t perform that action at this time.
0 commit comments