matcha-core 20.205.0 → 20.207.0

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 (2) hide show
  1. package/core.scss +64 -16
  2. package/package.json +1 -1
package/core.scss CHANGED
@@ -70,7 +70,10 @@ $base-font-size: 16px;
70
70
  }
71
71
 
72
72
  // -----------------------------------------------------------------------------------------------------
73
- // @ Size classes | Width and Height
73
+ /**
74
+ * @ai-group sizing
75
+ * @ai-prefixes w, h, max-w, max-h, min-w, min-h
76
+ */
74
77
  // -----------------------------------------------------------------------------------------------------
75
78
  @mixin _size-classes($prop, $abbrev, $length, $size, $infix: "") {
76
79
  .#{$abbrev}#{$infix}-#{$size} {
@@ -142,7 +145,10 @@ $base-font-size: 16px;
142
145
  @include generate-size-classes($helper-breakpoints);
143
146
 
144
147
  // -----------------------------------------------------------------------------------------------------
145
- // @ Spacing classes - Margin and Padding
148
+ /**
149
+ * @ai-group spacing
150
+ * @ai-prefixes m, mt, mb, ml, mr, mx, my, p, pt, pb, pl, pr, px, py
151
+ */
146
152
  // Generate spacing values from -64 to 64 jumping from 4 to 4
147
153
  // -----------------------------------------------------------------------------------------------------
148
154
  @mixin _spacing-classes($prop, $abbrev, $length, $size, $infix: "") {
@@ -299,7 +305,10 @@ $base-font-size: 16px;
299
305
  @include generate-spacing-classes($helper-breakpoints);
300
306
 
301
307
  // -------------------------------------------------------------------------------------------------------------------
302
- // @ Display classes | Flex and Grid
308
+ /**
309
+ * @ai-group grid-system
310
+ * @ai-prefixes grid, col, span, rowspan, colspan, row
311
+ */
303
312
  // -------------------------------------------------------------------------------------------------------------------
304
313
  @mixin _grid-prop($i) {
305
314
  display: grid;
@@ -383,7 +392,10 @@ $base-font-size: 16px;
383
392
  @include generate-layout-flex($helper-breakpoints);
384
393
 
385
394
  // -------------------------------------------------------------------------------------------------------------------
386
- // @Gaps classes
395
+ /**
396
+ * @ai-group gaps
397
+ * @ai-prefixes gap
398
+ */
387
399
  // -------------------------------------------------------------------------------------------------------------------
388
400
  @mixin generate-gap-classes($helper-breakpoints) {
389
401
  @each $breakpoint, $materialBreakpoint in $helper-breakpoints {
@@ -421,7 +433,10 @@ $base-font-size: 16px;
421
433
  @include generate-gap-classes($helper-breakpoints);
422
434
 
423
435
  // -----------------------------------------------------------------------------------------------------
424
- // @ Z-index classes
436
+ /**
437
+ * @ai-group z-index
438
+ * @ai-prefixes z-index
439
+ */
425
440
  // -----------------------------------------------------------------------------------------------------
426
441
  @mixin generate-z-index-classes($helper-breakpoints) {
427
442
  @each $breakpoint, $breakpointName in $helper-breakpoints {
@@ -443,7 +458,10 @@ $base-font-size: 16px;
443
458
  @include generate-z-index-classes($helper-breakpoints);
444
459
 
445
460
  // -----------------------------------------------------------------------------------------------------
446
- // @ Order classes
461
+ /**
462
+ * @ai-group order
463
+ * @ai-prefixes order
464
+ */
447
465
  // -----------------------------------------------------------------------------------------------------
448
466
  @mixin generate-order-classes($helper-breakpoints) {
449
467
  @each $breakpoint, $breakpointName in $helper-breakpoints {
@@ -477,7 +495,10 @@ $base-font-size: 16px;
477
495
  @include generate-order-classes($helper-breakpoints);
478
496
 
479
497
  // -----------------------------------------------------------------------------------------------------
480
- // @ Absolute position alignment classes
498
+ /**
499
+ * @ai-group placement
500
+ * @ai-prefixes place
501
+ */
481
502
  // -----------------------------------------------------------------------------------------------------
482
503
  @mixin generate-position-classes($helper-breakpoints) {
483
504
  @each $breakpoint, $materialBreakpoint in $helper-breakpoints {
@@ -499,7 +520,10 @@ $base-font-size: 16px;
499
520
  @include generate-position-classes($helper-breakpoints);
500
521
 
501
522
  // -----------------------------------------------------------------------------------------------------
502
- // @ Position classes
523
+ /**
524
+ * @ai-group position
525
+ * @ai-prefixes position
526
+ */
503
527
  // -----------------------------------------------------------------------------------------------------
504
528
  @mixin generate-position-classes($helper-breakpoints) {
505
529
  @each $breakpoint, $materialBreakpoint in $helper-breakpoints {
@@ -521,7 +545,10 @@ $base-font-size: 16px;
521
545
  @include generate-position-classes($helper-breakpoints);
522
546
 
523
547
  // -----------------------------------------------------------------------------------------------------
524
- // @ Display classes
548
+ /**
549
+ * @ai-group display
550
+ * @ai-prefixes d
551
+ */
525
552
  // -----------------------------------------------------------------------------------------------------
526
553
  @mixin generate-display-classes($helper-breakpoints) {
527
554
  @each $breakpoint, $media-size in $helper-breakpoints {
@@ -554,7 +581,10 @@ $base-font-size: 16px;
554
581
  @include generate-display-classes($helper-breakpoints);
555
582
 
556
583
  // -----------------------------------------------------------------------------------------------------
557
- // @ Flex classes
584
+ /**
585
+ * @ai-group flex
586
+ * @ai-prefixes flex
587
+ */
558
588
  // -----------------------------------------------------------------------------------------------------
559
589
  @mixin generate-flex-classes($helper-breakpoints) {
560
590
  @each $breakpoint, $media-size in $helper-breakpoints {
@@ -655,7 +685,10 @@ $base-font-size: 16px;
655
685
  @include generate-flex-classes($helper-breakpoints);
656
686
 
657
687
  // -----------------------------------------------------------------------------------------------------
658
- // @ Font Weight classes
688
+ /**
689
+ * @ai-group font-weight
690
+ * @ai-prefixes fw
691
+ */
659
692
  // -----------------------------------------------------------------------------------------------------
660
693
  @mixin generate-font-weight-classes($helper-breakpoints) {
661
694
  @each $breakpoint, $media-size in $helper-breakpoints {
@@ -679,7 +712,10 @@ $base-font-size: 16px;
679
712
  @include generate-font-weight-classes($helper-breakpoints);
680
713
 
681
714
  // -----------------------------------------------------------------------------------------------------
682
- // @ Font Size classes
715
+ /**
716
+ * @ai-group font-size
717
+ * @ai-prefixes fs
718
+ */
683
719
  // -----------------------------------------------------------------------------------------------------
684
720
  @mixin generate-font-size-classes($helper-breakpoints) {
685
721
  @each $breakpoint, $materialBreakpoint in $helper-breakpoints {
@@ -702,7 +738,10 @@ $base-font-size: 16px;
702
738
  @include generate-font-size-classes($helper-breakpoints);
703
739
 
704
740
  // -----------------------------------------------------------------------------------------------------
705
- // @ Letter Spacing classes
741
+ /**
742
+ * @ai-group letter-spacing
743
+ * @ai-prefixes ls
744
+ */
706
745
  // -----------------------------------------------------------------------------------------------------
707
746
  @mixin generate-letter-spacing-classes($helper-breakpoints) {
708
747
  @each $breakpoint, $materialBreakpoint in $helper-breakpoints {
@@ -726,7 +765,10 @@ $base-font-size: 16px;
726
765
  @include generate-letter-spacing-classes($helper-breakpoints);
727
766
 
728
767
  // -----------------------------------------------------------------------------------------------------
729
- // @ Line Height classes
768
+ /**
769
+ * @ai-group line-height
770
+ * @ai-prefixes lh
771
+ */
730
772
  // -----------------------------------------------------------------------------------------------------
731
773
  @mixin generate-line-height-classes($helper-breakpoints) {
732
774
  @each $breakpoint, $materialBreakpoint in $helper-breakpoints {
@@ -753,7 +795,10 @@ $base-font-size: 16px;
753
795
  @include generate-line-height-classes($helper-breakpoints);
754
796
 
755
797
  // -----------------------------------------------------------------------------------------------------
756
- // @ Aspect Ratio classes
798
+ /**
799
+ * @ai-group aspect-ratio
800
+ * @ai-prefixes aspect-ratio
801
+ */
757
802
  // -----------------------------------------------------------------------------------------------------
758
803
  @mixin generate-aspect-ratio-classes($helper-breakpoints) {
759
804
  // Aspect ratios definition
@@ -793,7 +838,10 @@ $base-font-size: 16px;
793
838
  @include generate-aspect-ratio-classes($helper-breakpoints);
794
839
 
795
840
  // -----------------------------------------------------------------------------------------------------
796
- // @ Cursor classes
841
+ /**
842
+ * @ai-group cursor
843
+ * @ai-prefixes cursor
844
+ */
797
845
  // -----------------------------------------------------------------------------------------------------
798
846
  @mixin generate-cursor-classes($helper-breakpoints) {
799
847
  $cursor-types: (
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "matcha-core",
3
- "version": "20.205.0",
3
+ "version": "20.207.0",
4
4
  "description": "Matcha Core is the core of css classes used in matcha design system",
5
5
  "main": "core.scss",
6
6
  "author": "",