@appartmint/mint 0.14.0 → 0.14.2

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.
Files changed (46) hide show
  1. package/README.md +3 -3
  2. package/dist/css/mint.css +97 -4
  3. package/dist/css/mint.css.map +1 -1
  4. package/dist/css/mint.min.css +1 -1
  5. package/dist/css/mint.min.css.map +1 -1
  6. package/dist/js/imports/components/header.d.ts +124 -124
  7. package/dist/js/imports/enum.d.ts +9 -9
  8. package/dist/js/imports/models/color.d.ts +31 -31
  9. package/dist/js/imports/models/item.d.ts +69 -69
  10. package/dist/js/imports/util/display.d.ts +6 -6
  11. package/dist/js/imports/util/event.d.ts +6 -6
  12. package/dist/js/imports/util/icon.d.ts +28 -28
  13. package/dist/js/imports/util/list.d.ts +12 -12
  14. package/dist/js/imports/util/math.d.ts +13 -13
  15. package/dist/js/imports/util/object.d.ts +65 -58
  16. package/dist/js/imports/util/object.d.ts.map +1 -1
  17. package/dist/js/imports/util/selectors.d.ts +121 -121
  18. package/dist/js/imports/util/settings.d.ts +38 -38
  19. package/dist/js/imports/util/text.d.ts +16 -16
  20. package/dist/js/imports/util/window.d.ts +6 -6
  21. package/dist/js/index.d.ts +23 -23
  22. package/dist/js/index.js +360 -317
  23. package/dist/js/index.js.map +1 -1
  24. package/dist/js/index.min.js +1 -1
  25. package/dist/js/index.min.js.map +1 -1
  26. package/dist/js/util.d.ts +77 -77
  27. package/dist/js/util.js +67 -67
  28. package/dist/js/util.js.map +1 -1
  29. package/dist/js/util.min.js.map +1 -1
  30. package/package.json +1 -1
  31. package/src/scss/imports/_index.scss +8 -8
  32. package/src/scss/imports/components/_buttons.scss +2 -0
  33. package/src/scss/imports/components/_cards.scss +23 -1
  34. package/src/scss/imports/components/_index.scss +7 -7
  35. package/src/scss/imports/global/_icons.scss +6 -6
  36. package/src/scss/imports/global/_structure.scss +117 -25
  37. package/src/scss/imports/util/_index.scss +8 -8
  38. package/src/ts/imports/enum.ts +9 -9
  39. package/src/ts/imports/models/color.ts +96 -96
  40. package/src/ts/imports/util/display.ts +6 -6
  41. package/src/ts/imports/util/event.ts +7 -7
  42. package/src/ts/imports/util/list.ts +19 -19
  43. package/src/ts/imports/util/math.ts +17 -17
  44. package/src/ts/imports/util/object.ts +43 -0
  45. package/src/ts/imports/util/window.ts +6 -6
  46. package/src/ts/index.ts +33 -33
package/README.md CHANGED
@@ -1,3 +1,3 @@
1
- # npm-mint
2
- Front-end TS/SCSS framework of App Art Mint LLC
3
-
1
+ # npm-mint
2
+ Front-end TS/SCSS framework of App Art Mint LLC
3
+
package/dist/css/mint.css CHANGED
@@ -210,6 +210,8 @@
210
210
  }
211
211
  .mint-btn-group {
212
212
  display: flex;
213
+ width: fit-content;
214
+ margin: auto;
213
215
  padding: 0;
214
216
  transition: all var(--mint-delay-default);
215
217
  }
@@ -309,6 +311,9 @@ p .mint-pill, p .mint-btn {
309
311
  flex-direction: row-reverse;
310
312
  }
311
313
  }
314
+ .mint-card.mint-center .mint-title {
315
+ text-align: center;
316
+ }
312
317
  .mint-card.mint-center .mint-content > * {
313
318
  text-align: center;
314
319
  }
@@ -318,6 +323,9 @@ p .mint-pill, p .mint-btn {
318
323
  .mint-card.mint-center-title .mint-title {
319
324
  text-align: center;
320
325
  }
326
+ .mint-card.mint-center-content .mint-content > * {
327
+ text-align: center;
328
+ }
321
329
  .mint-card.mint-center-btns .mint-buttons {
322
330
  justify-content: center;
323
331
  }
@@ -394,13 +402,14 @@ p .mint-pill, p .mint-btn {
394
402
  display: flex;
395
403
  flex-direction: column;
396
404
  align-items: center;
397
- justify-content: flex-start;
398
405
  height: fit-content;
399
406
  gap: 1.5rem;
407
+ text-align: center;
400
408
  }
401
409
  @media (min-width: 480px) {
402
410
  .mint-card .mint-title {
403
411
  flex-direction: row;
412
+ text-align: left;
404
413
  }
405
414
  }
406
415
  .mint-card .mint-title:only-child {
@@ -428,6 +437,7 @@ p .mint-pill, p .mint-btn {
428
437
  justify-content: center;
429
438
  min-width: 4rem;
430
439
  max-width: 4rem;
440
+ margin: 0;
431
441
  font-size: 3rem;
432
442
  }
433
443
  .mint-card .mint-title > div {
@@ -436,6 +446,14 @@ p .mint-pill, p .mint-btn {
436
446
  .mint-card .mint-title > div > * {
437
447
  margin: 0;
438
448
  }
449
+ .mint-card .mint-date {
450
+ text-align: center;
451
+ }
452
+ @media (min-width: 480px) {
453
+ .mint-card .mint-date {
454
+ text-align: left;
455
+ }
456
+ }
439
457
 
440
458
  .mint-grid.mint-3 .mint-card,
441
459
  .mint-grid.mint-4 .mint-card {
@@ -2175,38 +2193,113 @@ section.mint-bigger {
2175
2193
  margin-top: 2rem;
2176
2194
  margin-bottom: 2rem;
2177
2195
  }
2178
- .mint-grid > * {
2179
- margin: 0;
2180
- }
2181
2196
  @media (min-width: 768px) {
2182
2197
  .mint-grid.mint-2 {
2183
2198
  grid-template-columns: repeat(2, 1fr);
2184
2199
  }
2200
+ .mint-grid.mint-2 > :last-child:nth-child(odd) .mint-card {
2201
+ grid-column: span 2;
2202
+ width: 50%;
2203
+ margin-left: auto;
2204
+ margin-right: auto;
2205
+ }
2185
2206
  }
2186
2207
  @media (min-width: 768px) {
2187
2208
  .mint-grid.mint-3 {
2188
2209
  grid-template-columns: repeat(2, 1fr);
2189
2210
  }
2211
+ .mint-grid.mint-3 > :last-child:nth-child(odd) .mint-card {
2212
+ grid-column: span 2;
2213
+ width: 50%;
2214
+ margin-left: auto;
2215
+ margin-right: auto;
2216
+ }
2190
2217
  }
2191
2218
  @media (min-width: 1200px) {
2192
2219
  .mint-grid.mint-3 {
2193
2220
  grid-template-columns: repeat(3, 1fr);
2194
2221
  }
2222
+ .mint-grid.mint-3 > :last-child:nth-child(odd) .mint-card {
2223
+ grid-column: span 1;
2224
+ width: 100%;
2225
+ }
2226
+ .mint-grid.mint-3 > :last-child:nth-child(3n+1) .mint-card {
2227
+ grid-column: 2;
2228
+ }
2229
+ .mint-grid.mint-3 > :last-child:nth-child(3n+2) .mint-card {
2230
+ grid-column: 3;
2231
+ }
2232
+ .mint-grid.mint-3 > :nth-last-child(2):nth-child(3n+1) .mint-card {
2233
+ grid-column: 1;
2234
+ }
2195
2235
  }
2196
2236
  @media (min-width: 768px) {
2197
2237
  .mint-grid.mint-4 {
2198
2238
  grid-template-columns: repeat(2, 1fr);
2199
2239
  }
2240
+ .mint-grid.mint-4 > :last-child:nth-child(odd) .mint-card {
2241
+ grid-column: span 2;
2242
+ width: 50%;
2243
+ margin-left: auto;
2244
+ margin-right: auto;
2245
+ }
2200
2246
  }
2201
2247
  @media (min-width: 1200px) {
2202
2248
  .mint-grid.mint-4 {
2203
2249
  grid-template-columns: repeat(3, 1fr);
2204
2250
  }
2251
+ .mint-grid.mint-4 > :last-child:nth-child(odd) .mint-card {
2252
+ grid-column: span 1;
2253
+ width: 100%;
2254
+ }
2255
+ .mint-grid.mint-4 > :last-child:nth-child(3n+1) .mint-card {
2256
+ grid-column: 2;
2257
+ }
2258
+ .mint-grid.mint-4 > :last-child:nth-child(3n+2) .mint-card {
2259
+ grid-column: 3;
2260
+ }
2261
+ .mint-grid.mint-4 > :nth-last-child(2):nth-child(3n+1) .mint-card {
2262
+ grid-column: 1;
2263
+ }
2205
2264
  }
2206
2265
  @media (min-width: 1440px) {
2207
2266
  .mint-grid.mint-4 {
2208
2267
  grid-template-columns: repeat(4, 1fr);
2209
2268
  }
2269
+ .mint-grid.mint-4 > :last-child:nth-child(odd) .mint-card, .mint-grid.mint-4 > :last-child:nth-child(3n+1) .mint-card, .mint-grid.mint-4 > :last-child:nth-child(3n+2) .mint-card, .mint-grid.mint-4 > :nth-last-child(2):nth-child(3n+1) .mint-card {
2270
+ grid-column: span 1;
2271
+ width: 100%;
2272
+ }
2273
+ .mint-grid.mint-4 > :last-child:nth-child(4n+1) .mint-card {
2274
+ grid-column: 2/span 2;
2275
+ width: 50%;
2276
+ margin-left: auto;
2277
+ margin-right: auto;
2278
+ }
2279
+ .mint-grid.mint-4 > :last-child:nth-child(4n+2) .mint-card {
2280
+ grid-column: 3/span 2;
2281
+ width: 50%;
2282
+ margin-left: auto;
2283
+ margin-right: auto;
2284
+ }
2285
+ .mint-grid.mint-4 > :nth-last-child(2):nth-child(4n+1) .mint-card {
2286
+ grid-column: 1/span 2;
2287
+ width: 50%;
2288
+ margin-left: auto;
2289
+ margin-right: auto;
2290
+ }
2291
+ .mint-grid.mint-4 > :last-child:nth-child(4n+3) .mint-card {
2292
+ grid-column: 4;
2293
+ }
2294
+ .mint-grid.mint-4 > :nth-last-child(2):nth-child(4n+2) .mint-card {
2295
+ grid-column: 2/span 2;
2296
+ width: 50%;
2297
+ margin-left: auto;
2298
+ margin-right: auto;
2299
+ }
2300
+ .mint-grid.mint-4 > :nth-last-child(3):nth-child(4n+1) .mint-card {
2301
+ grid-column: 1;
2302
+ }
2210
2303
  }
2211
2304
  .mint-grid .mint-portrait {
2212
2305
  grid-row: span 2;