@mekari/pixel3-theme 0.3.1 → 0.4.0-dev.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +84 -2
- package/dist/index.mjs +84 -2
- package/dist/utilities.d.mts +76 -0
- package/dist/utilities.d.ts +76 -0
- package/package.json +3 -3
- package/src/index.ts +2 -0
- package/src/recipes/accordion.ts +3 -2
- package/src/utilities.ts +82 -0
package/dist/index.js
CHANGED
|
@@ -1744,7 +1744,7 @@ var accordionSlotRecipe = (0, import_dev12.defineSlotRecipe)({
|
|
|
1744
1744
|
headerTitle: {
|
|
1745
1745
|
display: "flex",
|
|
1746
1746
|
alignItems: "center",
|
|
1747
|
-
gap:
|
|
1747
|
+
gap: 3,
|
|
1748
1748
|
width: "100%",
|
|
1749
1749
|
outline: 0,
|
|
1750
1750
|
fontWeight: "semiBold",
|
|
@@ -1752,7 +1752,8 @@ var accordionSlotRecipe = (0, import_dev12.defineSlotRecipe)({
|
|
|
1752
1752
|
color: "dark",
|
|
1753
1753
|
transition: "all 0.2s",
|
|
1754
1754
|
_nextTheme: {
|
|
1755
|
-
color: "text.default"
|
|
1755
|
+
color: "text.default",
|
|
1756
|
+
gap: "sm"
|
|
1756
1757
|
}
|
|
1757
1758
|
},
|
|
1758
1759
|
headerDescription: {
|
|
@@ -8225,6 +8226,86 @@ var globalFontface = {
|
|
|
8225
8226
|
]
|
|
8226
8227
|
};
|
|
8227
8228
|
|
|
8229
|
+
// src/utilities.ts
|
|
8230
|
+
var utilities = {
|
|
8231
|
+
extend: {
|
|
8232
|
+
gridTemplateColumns: {
|
|
8233
|
+
className: "grid-tc",
|
|
8234
|
+
// group: 'Grid Layout',
|
|
8235
|
+
values: {
|
|
8236
|
+
"1": "repeat(1, minmax(0, 1fr))",
|
|
8237
|
+
"2": "repeat(2, minmax(0, 1fr))",
|
|
8238
|
+
"3": "repeat(3, minmax(0, 1fr))",
|
|
8239
|
+
"4": "repeat(4, minmax(0, 1fr))",
|
|
8240
|
+
"5": "repeat(5, minmax(0, 1fr))",
|
|
8241
|
+
"6": "repeat(6, minmax(0, 1fr))",
|
|
8242
|
+
"7": "repeat(7, minmax(0, 1fr))",
|
|
8243
|
+
"8": "repeat(8, minmax(0, 1fr))",
|
|
8244
|
+
"9": "repeat(9, minmax(0, 1fr))",
|
|
8245
|
+
"10": "repeat(10, minmax(0, 1fr))",
|
|
8246
|
+
"11": "repeat(11, minmax(0, 1fr))",
|
|
8247
|
+
"12": "repeat(12, minmax(0, 1fr))"
|
|
8248
|
+
}
|
|
8249
|
+
},
|
|
8250
|
+
gridTemplateRows: {
|
|
8251
|
+
className: "grid-tr",
|
|
8252
|
+
// group: 'Grid Layout',
|
|
8253
|
+
values: {
|
|
8254
|
+
"1": "repeat(1, minmax(0, 1fr))",
|
|
8255
|
+
"2": "repeat(2, minmax(0, 1fr))",
|
|
8256
|
+
"3": "repeat(3, minmax(0, 1fr))",
|
|
8257
|
+
"4": "repeat(4, minmax(0, 1fr))",
|
|
8258
|
+
"5": "repeat(5, minmax(0, 1fr))",
|
|
8259
|
+
"6": "repeat(6, minmax(0, 1fr))",
|
|
8260
|
+
"7": "repeat(7, minmax(0, 1fr))",
|
|
8261
|
+
"8": "repeat(8, minmax(0, 1fr))",
|
|
8262
|
+
"9": "repeat(9, minmax(0, 1fr))",
|
|
8263
|
+
"10": "repeat(10, minmax(0, 1fr))",
|
|
8264
|
+
"11": "repeat(11, minmax(0, 1fr))",
|
|
8265
|
+
"12": "repeat(12, minmax(0, 1fr))"
|
|
8266
|
+
}
|
|
8267
|
+
},
|
|
8268
|
+
gridColumn: {
|
|
8269
|
+
className: "grid-c",
|
|
8270
|
+
// group: 'Grid Layout',
|
|
8271
|
+
values: {
|
|
8272
|
+
full: "1 / -1",
|
|
8273
|
+
"1": "span 1 / span 1",
|
|
8274
|
+
"2": "span 2 / span 2",
|
|
8275
|
+
"3": "span 3 / span 3",
|
|
8276
|
+
"4": "span 4 / span 4",
|
|
8277
|
+
"5": "span 5 / span 5",
|
|
8278
|
+
"6": "span 6 / span 6",
|
|
8279
|
+
"7": "span 7 / span 7",
|
|
8280
|
+
"8": "span 8 / span 8",
|
|
8281
|
+
"9": "span 9 / span 9",
|
|
8282
|
+
"10": "span 10 / span 10",
|
|
8283
|
+
"11": "span 11 / span 11",
|
|
8284
|
+
"12": "span 12 / span 12"
|
|
8285
|
+
}
|
|
8286
|
+
},
|
|
8287
|
+
gridRow: {
|
|
8288
|
+
className: "grid-r",
|
|
8289
|
+
// group: 'Grid Layout',
|
|
8290
|
+
values: {
|
|
8291
|
+
full: "1 / -1",
|
|
8292
|
+
"1": "span 1 / span 1",
|
|
8293
|
+
"2": "span 2 / span 2",
|
|
8294
|
+
"3": "span 3 / span 3",
|
|
8295
|
+
"4": "span 4 / span 4",
|
|
8296
|
+
"5": "span 5 / span 5",
|
|
8297
|
+
"6": "span 6 / span 6",
|
|
8298
|
+
"7": "span 7 / span 7",
|
|
8299
|
+
"8": "span 8 / span 8",
|
|
8300
|
+
"9": "span 9 / span 9",
|
|
8301
|
+
"10": "span 10 / span 10",
|
|
8302
|
+
"11": "span 11 / span 11",
|
|
8303
|
+
"12": "span 12 / span 12"
|
|
8304
|
+
}
|
|
8305
|
+
}
|
|
8306
|
+
}
|
|
8307
|
+
};
|
|
8308
|
+
|
|
8228
8309
|
// src/index.ts
|
|
8229
8310
|
var preset = (0, import_dev70.definePreset)({
|
|
8230
8311
|
name: "@mekari/pixel3-theme",
|
|
@@ -8247,6 +8328,7 @@ var preset = (0, import_dev70.definePreset)({
|
|
|
8247
8328
|
}
|
|
8248
8329
|
},
|
|
8249
8330
|
conditions,
|
|
8331
|
+
utilities,
|
|
8250
8332
|
globalCss,
|
|
8251
8333
|
staticCss: {
|
|
8252
8334
|
themes: ["next"]
|
package/dist/index.mjs
CHANGED
|
@@ -1718,7 +1718,7 @@ var accordionSlotRecipe = defineSlotRecipe6({
|
|
|
1718
1718
|
headerTitle: {
|
|
1719
1719
|
display: "flex",
|
|
1720
1720
|
alignItems: "center",
|
|
1721
|
-
gap:
|
|
1721
|
+
gap: 3,
|
|
1722
1722
|
width: "100%",
|
|
1723
1723
|
outline: 0,
|
|
1724
1724
|
fontWeight: "semiBold",
|
|
@@ -1726,7 +1726,8 @@ var accordionSlotRecipe = defineSlotRecipe6({
|
|
|
1726
1726
|
color: "dark",
|
|
1727
1727
|
transition: "all 0.2s",
|
|
1728
1728
|
_nextTheme: {
|
|
1729
|
-
color: "text.default"
|
|
1729
|
+
color: "text.default",
|
|
1730
|
+
gap: "sm"
|
|
1730
1731
|
}
|
|
1731
1732
|
},
|
|
1732
1733
|
headerDescription: {
|
|
@@ -8199,6 +8200,86 @@ var globalFontface = {
|
|
|
8199
8200
|
]
|
|
8200
8201
|
};
|
|
8201
8202
|
|
|
8203
|
+
// src/utilities.ts
|
|
8204
|
+
var utilities = {
|
|
8205
|
+
extend: {
|
|
8206
|
+
gridTemplateColumns: {
|
|
8207
|
+
className: "grid-tc",
|
|
8208
|
+
// group: 'Grid Layout',
|
|
8209
|
+
values: {
|
|
8210
|
+
"1": "repeat(1, minmax(0, 1fr))",
|
|
8211
|
+
"2": "repeat(2, minmax(0, 1fr))",
|
|
8212
|
+
"3": "repeat(3, minmax(0, 1fr))",
|
|
8213
|
+
"4": "repeat(4, minmax(0, 1fr))",
|
|
8214
|
+
"5": "repeat(5, minmax(0, 1fr))",
|
|
8215
|
+
"6": "repeat(6, minmax(0, 1fr))",
|
|
8216
|
+
"7": "repeat(7, minmax(0, 1fr))",
|
|
8217
|
+
"8": "repeat(8, minmax(0, 1fr))",
|
|
8218
|
+
"9": "repeat(9, minmax(0, 1fr))",
|
|
8219
|
+
"10": "repeat(10, minmax(0, 1fr))",
|
|
8220
|
+
"11": "repeat(11, minmax(0, 1fr))",
|
|
8221
|
+
"12": "repeat(12, minmax(0, 1fr))"
|
|
8222
|
+
}
|
|
8223
|
+
},
|
|
8224
|
+
gridTemplateRows: {
|
|
8225
|
+
className: "grid-tr",
|
|
8226
|
+
// group: 'Grid Layout',
|
|
8227
|
+
values: {
|
|
8228
|
+
"1": "repeat(1, minmax(0, 1fr))",
|
|
8229
|
+
"2": "repeat(2, minmax(0, 1fr))",
|
|
8230
|
+
"3": "repeat(3, minmax(0, 1fr))",
|
|
8231
|
+
"4": "repeat(4, minmax(0, 1fr))",
|
|
8232
|
+
"5": "repeat(5, minmax(0, 1fr))",
|
|
8233
|
+
"6": "repeat(6, minmax(0, 1fr))",
|
|
8234
|
+
"7": "repeat(7, minmax(0, 1fr))",
|
|
8235
|
+
"8": "repeat(8, minmax(0, 1fr))",
|
|
8236
|
+
"9": "repeat(9, minmax(0, 1fr))",
|
|
8237
|
+
"10": "repeat(10, minmax(0, 1fr))",
|
|
8238
|
+
"11": "repeat(11, minmax(0, 1fr))",
|
|
8239
|
+
"12": "repeat(12, minmax(0, 1fr))"
|
|
8240
|
+
}
|
|
8241
|
+
},
|
|
8242
|
+
gridColumn: {
|
|
8243
|
+
className: "grid-c",
|
|
8244
|
+
// group: 'Grid Layout',
|
|
8245
|
+
values: {
|
|
8246
|
+
full: "1 / -1",
|
|
8247
|
+
"1": "span 1 / span 1",
|
|
8248
|
+
"2": "span 2 / span 2",
|
|
8249
|
+
"3": "span 3 / span 3",
|
|
8250
|
+
"4": "span 4 / span 4",
|
|
8251
|
+
"5": "span 5 / span 5",
|
|
8252
|
+
"6": "span 6 / span 6",
|
|
8253
|
+
"7": "span 7 / span 7",
|
|
8254
|
+
"8": "span 8 / span 8",
|
|
8255
|
+
"9": "span 9 / span 9",
|
|
8256
|
+
"10": "span 10 / span 10",
|
|
8257
|
+
"11": "span 11 / span 11",
|
|
8258
|
+
"12": "span 12 / span 12"
|
|
8259
|
+
}
|
|
8260
|
+
},
|
|
8261
|
+
gridRow: {
|
|
8262
|
+
className: "grid-r",
|
|
8263
|
+
// group: 'Grid Layout',
|
|
8264
|
+
values: {
|
|
8265
|
+
full: "1 / -1",
|
|
8266
|
+
"1": "span 1 / span 1",
|
|
8267
|
+
"2": "span 2 / span 2",
|
|
8268
|
+
"3": "span 3 / span 3",
|
|
8269
|
+
"4": "span 4 / span 4",
|
|
8270
|
+
"5": "span 5 / span 5",
|
|
8271
|
+
"6": "span 6 / span 6",
|
|
8272
|
+
"7": "span 7 / span 7",
|
|
8273
|
+
"8": "span 8 / span 8",
|
|
8274
|
+
"9": "span 9 / span 9",
|
|
8275
|
+
"10": "span 10 / span 10",
|
|
8276
|
+
"11": "span 11 / span 11",
|
|
8277
|
+
"12": "span 12 / span 12"
|
|
8278
|
+
}
|
|
8279
|
+
}
|
|
8280
|
+
}
|
|
8281
|
+
};
|
|
8282
|
+
|
|
8202
8283
|
// src/index.ts
|
|
8203
8284
|
var preset = definePreset({
|
|
8204
8285
|
name: "@mekari/pixel3-theme",
|
|
@@ -8221,6 +8302,7 @@ var preset = definePreset({
|
|
|
8221
8302
|
}
|
|
8222
8303
|
},
|
|
8223
8304
|
conditions,
|
|
8305
|
+
utilities,
|
|
8224
8306
|
globalCss,
|
|
8225
8307
|
staticCss: {
|
|
8226
8308
|
themes: ["next"]
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
declare const utilities: {
|
|
2
|
+
extend: {
|
|
3
|
+
gridTemplateColumns: {
|
|
4
|
+
className: string;
|
|
5
|
+
values: {
|
|
6
|
+
'1': string;
|
|
7
|
+
'2': string;
|
|
8
|
+
'3': string;
|
|
9
|
+
'4': string;
|
|
10
|
+
'5': string;
|
|
11
|
+
'6': string;
|
|
12
|
+
'7': string;
|
|
13
|
+
'8': string;
|
|
14
|
+
'9': string;
|
|
15
|
+
'10': string;
|
|
16
|
+
'11': string;
|
|
17
|
+
'12': string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
gridTemplateRows: {
|
|
21
|
+
className: string;
|
|
22
|
+
values: {
|
|
23
|
+
'1': string;
|
|
24
|
+
'2': string;
|
|
25
|
+
'3': string;
|
|
26
|
+
'4': string;
|
|
27
|
+
'5': string;
|
|
28
|
+
'6': string;
|
|
29
|
+
'7': string;
|
|
30
|
+
'8': string;
|
|
31
|
+
'9': string;
|
|
32
|
+
'10': string;
|
|
33
|
+
'11': string;
|
|
34
|
+
'12': string;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
gridColumn: {
|
|
38
|
+
className: string;
|
|
39
|
+
values: {
|
|
40
|
+
full: string;
|
|
41
|
+
'1': string;
|
|
42
|
+
'2': string;
|
|
43
|
+
'3': string;
|
|
44
|
+
'4': string;
|
|
45
|
+
'5': string;
|
|
46
|
+
'6': string;
|
|
47
|
+
'7': string;
|
|
48
|
+
'8': string;
|
|
49
|
+
'9': string;
|
|
50
|
+
'10': string;
|
|
51
|
+
'11': string;
|
|
52
|
+
'12': string;
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
gridRow: {
|
|
56
|
+
className: string;
|
|
57
|
+
values: {
|
|
58
|
+
full: string;
|
|
59
|
+
'1': string;
|
|
60
|
+
'2': string;
|
|
61
|
+
'3': string;
|
|
62
|
+
'4': string;
|
|
63
|
+
'5': string;
|
|
64
|
+
'6': string;
|
|
65
|
+
'7': string;
|
|
66
|
+
'8': string;
|
|
67
|
+
'9': string;
|
|
68
|
+
'10': string;
|
|
69
|
+
'11': string;
|
|
70
|
+
'12': string;
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
export { utilities };
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
declare const utilities: {
|
|
2
|
+
extend: {
|
|
3
|
+
gridTemplateColumns: {
|
|
4
|
+
className: string;
|
|
5
|
+
values: {
|
|
6
|
+
'1': string;
|
|
7
|
+
'2': string;
|
|
8
|
+
'3': string;
|
|
9
|
+
'4': string;
|
|
10
|
+
'5': string;
|
|
11
|
+
'6': string;
|
|
12
|
+
'7': string;
|
|
13
|
+
'8': string;
|
|
14
|
+
'9': string;
|
|
15
|
+
'10': string;
|
|
16
|
+
'11': string;
|
|
17
|
+
'12': string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
gridTemplateRows: {
|
|
21
|
+
className: string;
|
|
22
|
+
values: {
|
|
23
|
+
'1': string;
|
|
24
|
+
'2': string;
|
|
25
|
+
'3': string;
|
|
26
|
+
'4': string;
|
|
27
|
+
'5': string;
|
|
28
|
+
'6': string;
|
|
29
|
+
'7': string;
|
|
30
|
+
'8': string;
|
|
31
|
+
'9': string;
|
|
32
|
+
'10': string;
|
|
33
|
+
'11': string;
|
|
34
|
+
'12': string;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
gridColumn: {
|
|
38
|
+
className: string;
|
|
39
|
+
values: {
|
|
40
|
+
full: string;
|
|
41
|
+
'1': string;
|
|
42
|
+
'2': string;
|
|
43
|
+
'3': string;
|
|
44
|
+
'4': string;
|
|
45
|
+
'5': string;
|
|
46
|
+
'6': string;
|
|
47
|
+
'7': string;
|
|
48
|
+
'8': string;
|
|
49
|
+
'9': string;
|
|
50
|
+
'10': string;
|
|
51
|
+
'11': string;
|
|
52
|
+
'12': string;
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
gridRow: {
|
|
56
|
+
className: string;
|
|
57
|
+
values: {
|
|
58
|
+
full: string;
|
|
59
|
+
'1': string;
|
|
60
|
+
'2': string;
|
|
61
|
+
'3': string;
|
|
62
|
+
'4': string;
|
|
63
|
+
'5': string;
|
|
64
|
+
'6': string;
|
|
65
|
+
'7': string;
|
|
66
|
+
'8': string;
|
|
67
|
+
'9': string;
|
|
68
|
+
'10': string;
|
|
69
|
+
'11': string;
|
|
70
|
+
'12': string;
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
export { utilities };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mekari/pixel3-theme",
|
|
3
3
|
"description": "Theme for mekari pixel 3",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.4.0-dev.1",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"files": [
|
|
@@ -9,13 +9,13 @@
|
|
|
9
9
|
"src"
|
|
10
10
|
],
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@pandacss/dev": "^0.
|
|
12
|
+
"@pandacss/dev": "^0.54.0"
|
|
13
13
|
},
|
|
14
14
|
"peerDependencies": {
|
|
15
15
|
"vue": "^3.4.9"
|
|
16
16
|
},
|
|
17
17
|
"devDependencies": {
|
|
18
|
-
"@pandacss/types": "^0.
|
|
18
|
+
"@pandacss/types": "^0.54.0",
|
|
19
19
|
"vue": "^3.4.9"
|
|
20
20
|
},
|
|
21
21
|
"publishConfig": {
|
package/src/index.ts
CHANGED
|
@@ -10,6 +10,7 @@ import { tokens } from './tokens'
|
|
|
10
10
|
import { tokensNext } from './tokens-next'
|
|
11
11
|
import { semanticTokens } from './semanticTokens'
|
|
12
12
|
import { globalFontface } from './fonts'
|
|
13
|
+
import { utilities } from './utilities'
|
|
13
14
|
|
|
14
15
|
const preset: Preset = definePreset({
|
|
15
16
|
name: '@mekari/pixel3-theme',
|
|
@@ -32,6 +33,7 @@ const preset: Preset = definePreset({
|
|
|
32
33
|
}
|
|
33
34
|
},
|
|
34
35
|
conditions,
|
|
36
|
+
utilities,
|
|
35
37
|
globalCss,
|
|
36
38
|
staticCss: {
|
|
37
39
|
themes: ['next']
|
package/src/recipes/accordion.ts
CHANGED
|
@@ -22,7 +22,7 @@ export const accordionSlotRecipe = defineSlotRecipe({
|
|
|
22
22
|
headerTitle: {
|
|
23
23
|
display: 'flex',
|
|
24
24
|
alignItems: 'center',
|
|
25
|
-
gap:
|
|
25
|
+
gap: 3,
|
|
26
26
|
width: '100%',
|
|
27
27
|
outline: 0,
|
|
28
28
|
fontWeight: 'semiBold',
|
|
@@ -30,7 +30,8 @@ export const accordionSlotRecipe = defineSlotRecipe({
|
|
|
30
30
|
color: 'dark',
|
|
31
31
|
transition: 'all 0.2s',
|
|
32
32
|
_nextTheme: {
|
|
33
|
-
color: 'text.default'
|
|
33
|
+
color: 'text.default',
|
|
34
|
+
gap: 'sm'
|
|
34
35
|
}
|
|
35
36
|
},
|
|
36
37
|
headerDescription: {
|
package/src/utilities.ts
ADDED
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
// Utilities for grid layout in Panda CSS removed since v0.48.0
|
|
2
|
+
// We add grid utilities here to avoid breaking changes in the theme
|
|
3
|
+
// https://github.com/chakra-ui/panda/discussions/2980
|
|
4
|
+
|
|
5
|
+
export const utilities = {
|
|
6
|
+
extend: {
|
|
7
|
+
gridTemplateColumns: {
|
|
8
|
+
className: 'grid-tc',
|
|
9
|
+
// group: 'Grid Layout',
|
|
10
|
+
values: {
|
|
11
|
+
'1': 'repeat(1, minmax(0, 1fr))',
|
|
12
|
+
'2': 'repeat(2, minmax(0, 1fr))',
|
|
13
|
+
'3': 'repeat(3, minmax(0, 1fr))',
|
|
14
|
+
'4': 'repeat(4, minmax(0, 1fr))',
|
|
15
|
+
'5': 'repeat(5, minmax(0, 1fr))',
|
|
16
|
+
'6': 'repeat(6, minmax(0, 1fr))',
|
|
17
|
+
'7': 'repeat(7, minmax(0, 1fr))',
|
|
18
|
+
'8': 'repeat(8, minmax(0, 1fr))',
|
|
19
|
+
'9': 'repeat(9, minmax(0, 1fr))',
|
|
20
|
+
'10': 'repeat(10, minmax(0, 1fr))',
|
|
21
|
+
'11': 'repeat(11, minmax(0, 1fr))',
|
|
22
|
+
'12': 'repeat(12, minmax(0, 1fr))'
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
gridTemplateRows: {
|
|
26
|
+
className: 'grid-tr',
|
|
27
|
+
// group: 'Grid Layout',
|
|
28
|
+
values: {
|
|
29
|
+
'1': 'repeat(1, minmax(0, 1fr))',
|
|
30
|
+
'2': 'repeat(2, minmax(0, 1fr))',
|
|
31
|
+
'3': 'repeat(3, minmax(0, 1fr))',
|
|
32
|
+
'4': 'repeat(4, minmax(0, 1fr))',
|
|
33
|
+
'5': 'repeat(5, minmax(0, 1fr))',
|
|
34
|
+
'6': 'repeat(6, minmax(0, 1fr))',
|
|
35
|
+
'7': 'repeat(7, minmax(0, 1fr))',
|
|
36
|
+
'8': 'repeat(8, minmax(0, 1fr))',
|
|
37
|
+
'9': 'repeat(9, minmax(0, 1fr))',
|
|
38
|
+
'10': 'repeat(10, minmax(0, 1fr))',
|
|
39
|
+
'11': 'repeat(11, minmax(0, 1fr))',
|
|
40
|
+
'12': 'repeat(12, minmax(0, 1fr))'
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
gridColumn: {
|
|
44
|
+
className: 'grid-c',
|
|
45
|
+
// group: 'Grid Layout',
|
|
46
|
+
values: {
|
|
47
|
+
full: '1 / -1',
|
|
48
|
+
'1': 'span 1 / span 1',
|
|
49
|
+
'2': 'span 2 / span 2',
|
|
50
|
+
'3': 'span 3 / span 3',
|
|
51
|
+
'4': 'span 4 / span 4',
|
|
52
|
+
'5': 'span 5 / span 5',
|
|
53
|
+
'6': 'span 6 / span 6',
|
|
54
|
+
'7': 'span 7 / span 7',
|
|
55
|
+
'8': 'span 8 / span 8',
|
|
56
|
+
'9': 'span 9 / span 9',
|
|
57
|
+
'10': 'span 10 / span 10',
|
|
58
|
+
'11': 'span 11 / span 11',
|
|
59
|
+
'12': 'span 12 / span 12'
|
|
60
|
+
}
|
|
61
|
+
},
|
|
62
|
+
gridRow: {
|
|
63
|
+
className: 'grid-r',
|
|
64
|
+
// group: 'Grid Layout',
|
|
65
|
+
values: {
|
|
66
|
+
full: '1 / -1',
|
|
67
|
+
'1': 'span 1 / span 1',
|
|
68
|
+
'2': 'span 2 / span 2',
|
|
69
|
+
'3': 'span 3 / span 3',
|
|
70
|
+
'4': 'span 4 / span 4',
|
|
71
|
+
'5': 'span 5 / span 5',
|
|
72
|
+
'6': 'span 6 / span 6',
|
|
73
|
+
'7': 'span 7 / span 7',
|
|
74
|
+
'8': 'span 8 / span 8',
|
|
75
|
+
'9': 'span 9 / span 9',
|
|
76
|
+
'10': 'span 10 / span 10',
|
|
77
|
+
'11': 'span 11 / span 11',
|
|
78
|
+
'12': 'span 12 / span 12'
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
}
|