matcha-core 1.0.2 → 1.1.2
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 +52 -5
- package/package.json +1 -1
package/core.scss
CHANGED
|
@@ -412,18 +412,16 @@ $helper-breakpoints: (
|
|
|
412
412
|
// -----------------------------------------------------------------------------------------------------
|
|
413
413
|
// @ Z-index classes
|
|
414
414
|
// -----------------------------------------------------------------------------------------------------
|
|
415
|
-
@mixin generate-z-index-classes($
|
|
415
|
+
@mixin generate-z-index-classes($helper-breakpoints) {
|
|
416
|
+
$zIndex: 24;
|
|
416
417
|
@each $breakpoint, $materialBreakpoint in $helper-breakpoints {
|
|
417
418
|
@include media-breakpoint($materialBreakpoint) {
|
|
418
|
-
|
|
419
419
|
@for $z from -1 through $zIndex {
|
|
420
420
|
$class-name: if($materialBreakpoint == null, ".z-index-#{$z}", ".z-index-#{$materialBreakpoint}-#{$z}");
|
|
421
421
|
$class-name-force: if($materialBreakpoint == null, ".z-index-#{$z}--force", ".z-index-#{$materialBreakpoint}-#{$z}--force");
|
|
422
|
-
|
|
423
422
|
#{$class-name} {
|
|
424
423
|
z-index: #{$z};
|
|
425
424
|
}
|
|
426
|
-
|
|
427
425
|
#{$class-name-force} {
|
|
428
426
|
z-index: #{$z} !important;
|
|
429
427
|
}
|
|
@@ -431,7 +429,7 @@ $helper-breakpoints: (
|
|
|
431
429
|
}
|
|
432
430
|
}
|
|
433
431
|
}
|
|
434
|
-
@include generate-z-index-classes(
|
|
432
|
+
@include generate-z-index-classes($helper-breakpoints);
|
|
435
433
|
|
|
436
434
|
// -----------------------------------------------------------------------------------------------------
|
|
437
435
|
// @ Order classes
|
|
@@ -603,6 +601,24 @@ $helper-breakpoints: (
|
|
|
603
601
|
}
|
|
604
602
|
}
|
|
605
603
|
}
|
|
604
|
+
// For margins, include negative values
|
|
605
|
+
@for $index from 0 through 3 {
|
|
606
|
+
.flex#{$infix}-grow-#{$index} {
|
|
607
|
+
flex-grow: $index;
|
|
608
|
+
}
|
|
609
|
+
.flex#{$infix}-shrink-#{$index} {
|
|
610
|
+
flex-shrink: $index;
|
|
611
|
+
}
|
|
612
|
+
}
|
|
613
|
+
.flex#{$infix}-full {
|
|
614
|
+
flex-grow: 1;
|
|
615
|
+
flex-shrink: 1;
|
|
616
|
+
flex-basis: 100%;
|
|
617
|
+
;
|
|
618
|
+
}
|
|
619
|
+
.flex#{$infix}-basis-1 {
|
|
620
|
+
flex-basis: 100%;
|
|
621
|
+
}
|
|
606
622
|
}
|
|
607
623
|
}
|
|
608
624
|
}
|
|
@@ -1199,3 +1215,34 @@ $helper-breakpoints: (
|
|
|
1199
1215
|
}
|
|
1200
1216
|
}
|
|
1201
1217
|
@include generate-rotate-animation-classes();
|
|
1218
|
+
|
|
1219
|
+
// -----------------------------------------------------------------------------------------------------
|
|
1220
|
+
// @ Border Size Helpers
|
|
1221
|
+
// -----------------------------------------------------------------------------------------------------
|
|
1222
|
+
@mixin generate-line-clamp-classes($helper-breakpoints){
|
|
1223
|
+
@each $breakpoint, $materialBreakpoint in $helper-breakpoints {
|
|
1224
|
+
@include media-breakpoint($materialBreakpoint) {
|
|
1225
|
+
$infix: if($materialBreakpoint == null, "", "-#{$breakpoint}");
|
|
1226
|
+
@for $i from 0 through 6 {
|
|
1227
|
+
// Classes para borda geral
|
|
1228
|
+
.line-clamp#{$infix}-#{$i}{
|
|
1229
|
+
overflow: hidden;
|
|
1230
|
+
display: -webkit-box;
|
|
1231
|
+
-webkit-box-orient: vertical;
|
|
1232
|
+
-webkit-line-clamp: $i;
|
|
1233
|
+
text-overflow: ellipsis;
|
|
1234
|
+
word-break: break-word;
|
|
1235
|
+
white-space: initial;
|
|
1236
|
+
-webkit-box-orient: vertical;
|
|
1237
|
+
}
|
|
1238
|
+
}
|
|
1239
|
+
.line-clamp#{$infix}-none{
|
|
1240
|
+
overflow: visible;
|
|
1241
|
+
display: block;
|
|
1242
|
+
-webkit-box-orient: horizontal;
|
|
1243
|
+
-webkit-line-clamp: none;
|
|
1244
|
+
}
|
|
1245
|
+
}
|
|
1246
|
+
}
|
|
1247
|
+
}
|
|
1248
|
+
@include generate-line-clamp-classes($helper-breakpoints);
|