matcha-core 1.1.10 → 1.1.12

package/core.scss

@@ -38,7 +38,8 @@ $breakpoints: (
 
 // Re-map the breakpoints for the helper classes
 $helper-breakpoints: (
-    xs: null,
+    initial: null,
+    xs: 'xs',
     sm: 'gt-xs',
     md: 'gt-sm',
     lg: 'gt-md',
@@ -1089,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);
 
@@ -1150,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}";
 
@@ -1162,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
                         }
                     }
@@ -1285,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;
@@ -1296,6 +1304,7 @@ $helper-breakpoints: (
                 display: block;
                 -webkit-box-orient: horizontal;
                 -webkit-line-clamp: none;
+                line-clamp: none;
             }
         }
     }