matcha-core 1.1.11 → 1.1.13

package/classes-replacement.html

@@ -0,0 +1,225 @@
+----------------------------------------
+substituir | por
+----------------------------------------
+
+d-flex-column-reverse | flex-column-reverse
+d-flex-xs-column-reverse | flex-xs-column-reverse
+d-flex-sm-column-reverse | flex-sm-column-reverse
+d-flex-md-column-reverse | flex-md-column-reverse
+d-flex-lg-column-reverse | flex-lg-column-reverse
+d-flex-xl-column-reverse | flex-xl-column-reverse
+
+d-flex-row-reverse | flex-row-reverse
+d-flex-xs-row-reverse | flex-xs-row-reverse
+d-flex-sm-row-reverse | flex-sm-row-reverse
+d-flex-md-row-reverse | flex-md-row-reverse
+d-flex-lg-row-reverse | flex-lg-row-reverse
+d-flex-xl-row-reverse | flex-xl-row-reverse
+
+d-flex-row | flex-row :white_check_mark:
+d-flex-xs-row | flex-xs-row
+d-flex-sm-row | flex-sm-row
+d-flex-md-row | flex-md-row
+d-flex-lg-row | flex-lg-row
+d-flex-xl-row | flex-xl-row
+
+d-flex-column | flex-column
+d-flex-xs-column | flex-xs-column
+d-flex-sm-column | flex-sm-column
+d-flex-md-column | flex-md-column
+d-flex-lg-column | flex-lg-column
+d-flex-xl-column | flex-xl-column
+
+d-flex-nowrap | flex-nowrap
+d-flex-xs-nowrap | flex-xs-nowrap
+d-flex-sm-nowrap | flex-sm-nowrap
+d-flex-md-nowrap | flex-md-nowrap
+d-flex-lg-nowrap | flex-lg-nowrap
+d-flex-xl-nowrap | flex-xl-nowrap
+
+d-flex-wrap | flex-wrap
+d-flex-xs-wrap | flex-xs-wrap
+d-flex-sm-wrap | flex-sm-wrap
+d-flex-md-wrap | flex-md-wrap
+d-flex-lg-wrap | flex-lg-wrap
+d-flex-xl-wrap | flex-xl-wrap
+
+d-flex-align-center | flex-align-center
+d-flex-xs-align-center | flex-xs-align-center
+d-flex-sm-align-center | flex-sm-align-center
+d-flex-md-align-center | flex-md-align-center
+d-flex-lg-align-center | flex-lg-align-center
+d-flex-xl-align-center | flex-xl-align-center
+
+d-flex-align-start | flex-align-start
+d-flex-xs-align-start | flex-xs-align-start
+d-flex-sm-align-start | flex-sm-align-start
+d-flex-md-align-start | flex-md-align-start
+d-flex-lg-align-start | flex-lg-align-start
+d-flex-xl-align-start | flex-xl-align-start
+
+d-flex-align-end | flex-align-end
+d-flex-xs-align-end | flex-xs-align-end
+d-flex-sm-align-end | flex-sm-align-end
+d-flex-md-align-end | flex-md-align-end
+d-flex-lg-align-end | flex-lg-align-end
+d-flex-xl-align-end | flex-xl-align-end
+
+d-flex-align-inherit | flex-align-inherit
+d-flex-xs-align-inherit | flex-xs-align-inherit
+d-flex-sm-align-inherit | flex-sm-align-inherit
+d-flex-md-align-inherit | flex-md-align-inherit
+d-flex-lg-align-inherit | flex-lg-align-inherit
+d-flex-xl-align-inherit | flex-xl-align-inherit
+
+d-flex-align-initial | flex-align-initial
+d-flex-xs-align-initial | flex-xs-align-initial
+d-flex-sm-align-initial | flex-sm-align-initial
+d-flex-md-align-initial | flex-md-align-initial
+d-flex-lg-align-initial | flex-lg-align-initial
+d-flex-xl-align-initial | flex-xl-align-initial
+
+d-flex-align-self-end | flex-align-self-end
+d-flex-xs-align-self-end | flex-xs-align-self-end
+d-flex-sm-align-self-end | flex-sm-align-self-end
+d-flex-md-align-self-end | flex-md-align-self-end
+d-flex-lg-align-self-end | flex-lg-align-self-end
+d-flex-xl-align-self-end | flex-xl-align-self-end
+
+d-flex-align-self-start | flex-align-self-start
+d-flex-xs-align-self-start | flex-xs-align-self-start
+d-flex-sm-align-self-start | flex-sm-align-self-start
+d-flex-md-align-self-start | flex-md-align-self-start
+d-flex-lg-align-self-start | flex-lg-align-self-start
+d-flex-xl-align-self-start | flex-xl-align-self-start
+
+d-flex-align-self-inherit | flex-align-self-inherit
+d-flex-xs-align-self-inherit | flex-xs-align-self-inherit
+d-flex-sm-align-self-inherit | flex-sm-align-self-inherit
+d-flex-md-align-self-inherit | flex-md-align-self-inherit
+d-flex-lg-align-self-inherit | flex-lg-align-self-inherit
+d-flex-xl-align-self-inherit | flex-xl-align-self-inherit
+
+d-flex-align-self-initial | flex-align-self-initial
+d-flex-xs-align-self-initial | flex-xs-align-self-initial
+d-flex-sm-align-self-initial | flex-sm-align-self-initial
+d-flex-md-align-self-initial | flex-md-align-self-initial
+d-flex-lg-align-self-initial | flex-lg-align-self-initial
+d-flex-xl-align-self-initial | flex-xl-align-self-initial
+
+d-flex-center-center | flex-center-center
+d-flex-xs-center-center | flex-xs-center-center
+d-flex-sm-center-center | flex-sm-center-center
+d-flex-md-center-center | flex-md-center-center
+d-flex-lg-center-center | flex-lg-center-center
+d-flex-xl-center-center | flex-xl-center-center
+
+d-flex-center | flex-center
+d-flex-xs-center | flex-xs-center
+d-flex-sm-center | flex-sm-center
+d-flex-md-center | flex-md-center
+d-flex-lg-center | flex-lg-center
+d-flex-xl-center | flex-xl-center
+
+d-flex-end | flex-end
+d-flex-xs-end | flex-xs-end
+d-flex-sm-end | flex-sm-end
+d-flex-md-end | flex-md-end
+d-flex-lg-end | flex-lg-end
+d-flex-xl-end | flex-xl-end
+
+d-flex-start | flex-start
+d-flex-xs-start | flex-xs-start
+d-flex-sm-start | flex-sm-start
+d-flex-md-start | flex-md-start
+d-flex-lg-start | flex-lg-start
+d-flex-xl-start | flex-xl-start
+
+d-flex-inherit | flex-inherit
+d-flex-xs-inherit | flex-xs-inherit
+d-flex-sm-inherit | flex-sm-inherit
+d-flex-md-inherit | flex-md-inherit
+d-flex-lg-inherit | flex-lg-inherit
+d-flex-xl-inherit | flex-xl-inherit
+
+d-flex-initial | flex-initial
+d-flex-xs-initial | flex-xs-initial
+d-flex-sm-initial | flex-sm-initial
+d-flex-md-initial | flex-md-initial
+d-flex-lg-initial | flex-lg-initial
+d-flex-xl-initial | flex-xl-initial
+
+d-flex-left | flex-left
+d-flex-xs-left | flex-xs-left
+d-flex-sm-left | flex-sm-left
+d-flex-md-left | flex-md-left
+d-flex-lg-left | flex-lg-left
+d-flex-xl-left | flex-xl-left
+
+d-flex-normal | flex-normal
+d-flex-xs-normal | flex-xs-normal
+d-flex-sm-normal | flex-sm-normal
+d-flex-md-normal | flex-md-normal
+d-flex-lg-normal | flex-lg-normal
+d-flex-xl-normal | flex-xl-normal
+
+d-flex-revert | flex-revert
+d-flex-xs-revert | flex-xs-revert
+d-flex-sm-revert | flex-sm-revert
+d-flex-md-revert | flex-md-revert
+d-flex-lg-revert | flex-lg-revert
+d-flex-xl-revert | flex-xl-revert
+
+d-flex-right | flex-right
+d-flex-xs-right | flex-xs-right
+d-flex-sm-right | flex-sm-right
+d-flex-md-right | flex-md-right
+d-flex-lg-right | flex-lg-right
+d-flex-xl-right | flex-xl-right
+
+d-flex-space-around | flex-space-around
+d-flex-xs-space-around | flex-xs-space-around
+d-flex-sm-space-around | flex-sm-space-around
+d-flex-md-space-around | flex-md-space-around
+d-flex-lg-space-around | flex-lg-space-around
+d-flex-xl-space-around | flex-xl-space-around
+
+d-flex-space-between | flex-space-between
+d-flex-xs-space-between | flex-xs-space-between
+d-flex-sm-space-between | flex-sm-space-between
+d-flex-md-space-between | flex-md-space-between
+d-flex-lg-space-between | flex-lg-space-between
+d-flex-xl-space-between | flex-xl-space-between
+
+d-flex-space-evenly | flex-space-evenly
+d-flex-xs-space-evenly | flex-xs-space-evenly
+d-flex-sm-space-evenly | flex-sm-space-evenly
+d-flex-md-space-evenly | flex-md-space-evenly
+d-flex-lg-space-evenly | flex-lg-space-evenly
+d-flex-xl-space-evenly | flex-xl-space-evenly
+
+d-flex-stretch | flex-stretch
+d-flex-xs-stretch | flex-xs-stretch
+d-flex-sm-stretch | flex-sm-stretch
+d-flex-md-stretch | flex-md-stretch
+d-flex-lg-stretch | flex-lg-stretch
+d-flex-xl-stretch | flex-xl-stretch
+
+d-flex-unset | flex-unset
+d-flex-xs-unset | flex-xs-unset
+d-flex-sm-unset | flex-sm-unset
+d-flex-md-unset | flex-md-unset
+d-flex-lg-unset | flex-lg-unset
+d-flex-xl-unset | flex-xl-unset
+
+align-top | place-top
+align-bottom | place-bottom
+align-left | place-left
+align-right | place-right
+
+
+----------------------------------------
+fazer o de : para
+----------------------------------------
+border-radius-8 | radius-8
+one-line-text | line-clamp-1

package/core.scss

@@ -655,13 +655,13 @@ $helper-breakpoints: (
         @include media-breakpoint($materialBreakpoint) {
             $infix: if($materialBreakpoint == null, "", "-#{$breakpoint}");
             $index: 0;
-            @while $index <= 18 {
-                $size: $index * 4;
+            @while $index <= 96 {
+                $size: $index;
                 .fs#{$infix}-#{$size} {
-                    font-size: #{$size}px;
+                    font-size: px-to-rem(#{$size}px);
                 }
                 .fs#{$infix}-#{$size}--force {
-                    font-size: #{$size}px !important;
+                    font-size: px-to-rem(#{$size}px) !important;
                 }
                 $index: $index + 1;
             }
@@ -1090,13 +1090,19 @@ $helper-breakpoints: (
                     }
                 }
             }
+            // Classe para borda nula
+            .b#{$infix}-none,
+            .border#{$infix}-none {
+                border: none;
+            }
+            .b#{$infix}-none--force,
+            .border#{$infix}-none--force {
+                border: none !important;
+            }
         }
     }
 
-    // Classe para borda nula
-    .border-none {
-        border: none !important;
-    }
+
 }
 @include generate-border-size-classes($helper-breakpoints);
 
@@ -1151,7 +1157,7 @@ $helper-breakpoints: (
         @include media-breakpoint($materialBreakpoint) {
             $infix: if($materialBreakpoint == null, "", "-#{$breakpoint}");
 
-            @for $i from 0 through 8 {
+            @for $i from 0 through 12 {
                 $radius-value: $i * 2;
                 $radius-suffix: "-#{$radius-value}";
 
@@ -1163,35 +1169,35 @@ $helper-breakpoints: (
                 // Classes para bordas individuais
                 @each $direction, $abbrev in $radius-directions {
                     @if $direction == bottom {
-                        .radius#{$infix}-#{$direction}#{$radius-suffix} {
+                        .radius-#{$direction}#{$infix}#{$radius-suffix} {
                             border-radius: 0 0 #{$radius-value}px #{$radius-value}px; // Sem !important
                         }
 
-                        .radius#{$infix}-#{$direction}#{$radius-suffix}--force {
+                        .radius-#{$direction}#{$infix}#{$radius-suffix}--force {
                             border-radius: 0 0 #{$radius-value}px #{$radius-value}px !important; // Com !important
                         }
                     } @else if $direction == top {
-                        .radius#{$infix}-#{$direction}#{$radius-suffix} {
+                        .radius-#{$direction}#{$infix}#{$radius-suffix} {
                             border-radius: #{$radius-value}px #{$radius-value}px 0 0; // Sem !important
                         }
 
-                        .radius#{$infix}-#{$direction}#{$radius-suffix}--force {
+                        .radius-#{$direction}#{$infix}#{$radius-suffix}--force {
                             border-radius: #{$radius-value}px #{$radius-value}px 0 0 !important; // Com !important
                         }
                     } @else if $direction == left {
-                        .radius#{$infix}-#{$direction}#{$radius-suffix} {
+                        .radius-#{$direction}#{$infix}#{$radius-suffix} {
                             border-radius: #{$radius-value}px 0 0 #{$radius-value}px; // Sem !important
                         }
 
-                        .radius#{$infix}-#{$direction}#{$radius-suffix}--force {
+                        .radius-#{$direction}#{$infix}#{$radius-suffix}--force {
                             border-radius: #{$radius-value}px 0 0 #{$radius-value}px !important; // Com !important
                         }
                     } @else if $direction == right {
-                        .radius#{$infix}-#{$direction}#{$radius-suffix} {
+                        .radius-#{$direction}#{$infix}#{$radius-suffix} {
                             border-radius: 0 #{$radius-value}px #{$radius-value}px 0; // Sem !important
                         }
 
-                        .radius#{$infix}-#{$direction}#{$radius-suffix}--force {
+                        .radius-#{$direction}#{$infix}#{$radius-suffix}--force {
                             border-radius: 0 #{$radius-value}px #{$radius-value}px 0 !important; // Com !important
                         }
                     }
@@ -1286,6 +1292,7 @@ $helper-breakpoints: (
                     display: -webkit-box;
                     -webkit-box-orient: vertical;
                     -webkit-line-clamp: $i;
+                    line-clamp: $i;
                     text-overflow: ellipsis;
                     word-break: break-word;
                     white-space: initial;
@@ -1297,6 +1304,7 @@ $helper-breakpoints: (
                 display: block;
                 -webkit-box-orient: horizontal;
                 -webkit-line-clamp: none;
+                line-clamp: none;
             }
         }
     }