matcha-core 1.1.11 → 1.1.12

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.
package/core.scss CHANGED
@@ -1090,13 +1090,19 @@ $helper-breakpoints: (
1090
1090
  }
1091
1091
  }
1092
1092
  }
1093
+ // Classe para borda nula
1094
+ .b#{$infix}-none,
1095
+ .border#{$infix}-none {
1096
+ border: none;
1097
+ }
1098
+ .b#{$infix}-none--force,
1099
+ .border#{$infix}-none--force {
1100
+ border: none !important;
1101
+ }
1093
1102
  }
1094
1103
  }
1095
1104
 
1096
- // Classe para borda nula
1097
- .border-none {
1098
- border: none !important;
1099
- }
1105
+
1100
1106
  }
1101
1107
  @include generate-border-size-classes($helper-breakpoints);
1102
1108
 
@@ -1151,7 +1157,7 @@ $helper-breakpoints: (
1151
1157
  @include media-breakpoint($materialBreakpoint) {
1152
1158
  $infix: if($materialBreakpoint == null, "", "-#{$breakpoint}");
1153
1159
 
1154
- @for $i from 0 through 8 {
1160
+ @for $i from 0 through 12 {
1155
1161
  $radius-value: $i * 2;
1156
1162
  $radius-suffix: "-#{$radius-value}";
1157
1163
 
@@ -1163,35 +1169,35 @@ $helper-breakpoints: (
1163
1169
  // Classes para bordas individuais
1164
1170
  @each $direction, $abbrev in $radius-directions {
1165
1171
  @if $direction == bottom {
1166
- .radius#{$infix}-#{$direction}#{$radius-suffix} {
1172
+ .radius-#{$direction}#{$infix}#{$radius-suffix} {
1167
1173
  border-radius: 0 0 #{$radius-value}px #{$radius-value}px; // Sem !important
1168
1174
  }
1169
1175
 
1170
- .radius#{$infix}-#{$direction}#{$radius-suffix}--force {
1176
+ .radius-#{$direction}#{$infix}#{$radius-suffix}--force {
1171
1177
  border-radius: 0 0 #{$radius-value}px #{$radius-value}px !important; // Com !important
1172
1178
  }
1173
1179
  } @else if $direction == top {
1174
- .radius#{$infix}-#{$direction}#{$radius-suffix} {
1180
+ .radius-#{$direction}#{$infix}#{$radius-suffix} {
1175
1181
  border-radius: #{$radius-value}px #{$radius-value}px 0 0; // Sem !important
1176
1182
  }
1177
1183
 
1178
- .radius#{$infix}-#{$direction}#{$radius-suffix}--force {
1184
+ .radius-#{$direction}#{$infix}#{$radius-suffix}--force {
1179
1185
  border-radius: #{$radius-value}px #{$radius-value}px 0 0 !important; // Com !important
1180
1186
  }
1181
1187
  } @else if $direction == left {
1182
- .radius#{$infix}-#{$direction}#{$radius-suffix} {
1188
+ .radius-#{$direction}#{$infix}#{$radius-suffix} {
1183
1189
  border-radius: #{$radius-value}px 0 0 #{$radius-value}px; // Sem !important
1184
1190
  }
1185
1191
 
1186
- .radius#{$infix}-#{$direction}#{$radius-suffix}--force {
1192
+ .radius-#{$direction}#{$infix}#{$radius-suffix}--force {
1187
1193
  border-radius: #{$radius-value}px 0 0 #{$radius-value}px !important; // Com !important
1188
1194
  }
1189
1195
  } @else if $direction == right {
1190
- .radius#{$infix}-#{$direction}#{$radius-suffix} {
1196
+ .radius-#{$direction}#{$infix}#{$radius-suffix} {
1191
1197
  border-radius: 0 #{$radius-value}px #{$radius-value}px 0; // Sem !important
1192
1198
  }
1193
1199
 
1194
- .radius#{$infix}-#{$direction}#{$radius-suffix}--force {
1200
+ .radius-#{$direction}#{$infix}#{$radius-suffix}--force {
1195
1201
  border-radius: 0 #{$radius-value}px #{$radius-value}px 0 !important; // Com !important
1196
1202
  }
1197
1203
  }
@@ -1286,6 +1292,7 @@ $helper-breakpoints: (
1286
1292
  display: -webkit-box;
1287
1293
  -webkit-box-orient: vertical;
1288
1294
  -webkit-line-clamp: $i;
1295
+ line-clamp: $i;
1289
1296
  text-overflow: ellipsis;
1290
1297
  word-break: break-word;
1291
1298
  white-space: initial;
@@ -1297,6 +1304,7 @@ $helper-breakpoints: (
1297
1304
  display: block;
1298
1305
  -webkit-box-orient: horizontal;
1299
1306
  -webkit-line-clamp: none;
1307
+ line-clamp: none;
1300
1308
  }
1301
1309
  }
1302
1310
  }