matcha-core 19.22.0 → 19.24.0

package/classes-replacement.html

@@ -223,3 +223,22 @@ fazer o de : para
 ----------------------------------------
 border-radius-8 | radius-8
 one-line-text | line-clamp-1
+
+
+
+flex-center => flex-justify-center
+flex-end => flex-justify-end
+flex-start => flex-justify-start
+flex-inherit => flex-justify-inherit
+flex-initial => flex-justify-initial
+flex-left => flex-justify-left
+flex-normal => flex-justify-normal
+flex-revert => flex-justify-revert
+flex-right => flex-justify-right
+flex-space-around => flex-justify-space-around
+flex-space-between => flex-justify-space-between
+flex-space-evenly => flex-justify-space-evenly
+flex-stretch => flex-justify-stretch
+flex-unset => flex-justify-unset
+
+

package/core.scss

@@ -357,11 +357,11 @@ $base-font-size: 16px;
 
                 @for $i from 1 through $grid-length {
                     .#{$grid-prefix}#{$infix}-#{$i} {
-                        flex-basis: #{($i / $grid-length) * 100%};
+                        flex-basis: percentage($i / $grid-length);
                     }
 
                     .#{$grid-prefix}-offset#{$infix}-#{$i} {
-                        margin-left: #{($i / $grid-length) * 100%};
+                        margin-left: percentage($i / $grid-length);
                     }
                 }
                 @each $classLabel, $cssValue in (align-start flex-start, align-center center, align-end flex-end) {
@@ -582,20 +582,21 @@ $base-font-size: 16px;
                 align-self-initial: (display:flex, align-self: initial),
 
                 center-center: (display:flex, justify-content: center, align-items: center),
-                center: (display:flex, justify-content: center),
-                end: (display:flex, justify-content: flex-end),
-                start: (display:flex, justify-content: flex-start),
-                inherit: (display:flex, justify-content: inherit),
-                initial: (display:flex, justify-content: initial),
-                left: (display:flex, justify-content: left),
-                normal: (display:flex, justify-content: normal),
-                revert: (display:flex, justify-content: revert),
-                right: (display:flex, justify-content: right),
-                space-around: (display:flex, justify-content: space-around),
-                space-between: (display:flex, justify-content: space-between),
-                space-evenly: (display:flex, justify-content: space-evenly),
-                stretch: (display:flex, justify-content: stretch),
-                unset: (display:flex, justify-content: unset)
+                justify-center: (display:flex, justify-content: center),
+                justify-end: (display:flex, justify-content: flex-end),
+                justify-start: (display:flex, justify-content: flex-start),
+                justify-inherit: (display:flex, justify-content: inherit),
+                justify-initial: (display:flex, justify-content: initial),
+                justify-left: (display:flex, justify-content: left),
+                justify-normal: (display:flex, justify-content: normal),
+                justify-revert: (display:flex, justify-content: revert),
+                justify-right: (display:flex, justify-content: right),
+                justify-space-around: (display:flex, justify-content: space-around),
+                justify-space-between: (display:flex, justify-content: space-between),
+                justify-space-evenly: (display:flex, justify-content: space-evenly),
+                justify-stretch: (display:flex, justify-content: stretch),
+                justify-unset: (display:flex, justify-content: unset)
+
             ) {
                 $class-name: ".flex#{$infix}-#{$class-suffix}";
                 $class-name-force: ".flex#{$infix}-#{$class-suffix}--force";