Skip to content

Commit b67e42b

Browse files
committed
docs(readme): updates example to show new options
1 parent 0ae1cef commit b67e42b

File tree

1 file changed

+14
-11
lines changed

1 file changed

+14
-11
lines changed

‎README.md

Lines changed: 14 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -47,13 +47,12 @@ const tokens = {
4747

4848
const config = {
4949
plugins: [
50-
/* ...other plugins... */
51-
postcssDesignTokenUtils(
52-
tokens, // Tokens
53-
{
54-
/* pluginOptions */
55-
},
56-
),
50+
/* ...Other plugins... */
51+
52+
postcssDesignTokenUtils({
53+
tokens,
54+
/* Plugin options */
55+
}),
5756
],
5857
};
5958
```
@@ -116,7 +115,8 @@ const tokens = {
116115

117116
const config = {
118117
plugins: [
119-
postcssDesignTokenUtils(tokens, {
118+
postcssDesignTokenUtils({
119+
tokens,
120120
customProperties: [
121121
{ id: "darkThemeColor", prefix: "color", group: "dark" },
122122
],
@@ -189,7 +189,8 @@ const tokens = {
189189

190190
const config = {
191191
plugins: [
192-
postcssDesignTokenUtils(tokens, {
192+
postcssDesignTokenUtils({
193+
tokens,
193194
utilityClasses: [
194195
{
195196
id: "color",
@@ -251,7 +252,8 @@ We need to provide breakpoints and specify which classes need responsive variant
251252

252253
const config = {
253254
plugins: [
254-
postcssDesignTokenUtils(tokens, {
255+
postcssDesignTokenUtils({
256+
tokens,
255257
breakpoints: {
256258
sm: "320px", // 👈 Added break points
257259
md: "640px",
@@ -335,7 +337,8 @@ const token = {
335337

336338
const config = {
337339
plugins: [
338-
postcssDesignTokenUtils(tokens, {
340+
postcssDesignTokenUtils({
341+
tokens,
339342
utilityClasses: [
340343
{
341344
id: "color.gray",

0 commit comments

Comments
 (0)
close