@oardi/css-utils 0.77.0 → 0.78.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@oardi/css-utils",
-	"version": "0.77.0",
+	"version": "0.78.0",
 	"author": "Ardian Shala",
 	"homepage": "https://css-utils.oardi.com",
 	"description": "Powerful set of semantic css classes with support for breakpoints, directions and spacings",

package/scss/mixins/breakpoints.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use './theme.scss' as theme;
+@use '../theme.scss' as theme;
 
 @mixin media($size) {
 	$bps: map.get(theme.$theme, breakpoints);
@@ -9,12 +9,12 @@
 			@content;
 		}
 	} @else {
-		@error "Breakpoint `#{$size}` wurde nicht gefunden!";
+		@error "Breakpoint `#{$size}` not found!";
 	}
 }
 
 // usage
-// @use './breakpoints' as bp;
+// @use '@oardi/css-utils/scss/mixins/breakpoints' as bp;
 // @include bp.media(md) {
 //		dosomething;
 // }

package/scss/utilities.scss

@@ -13,6 +13,8 @@ $-widths: (
 	auto: auto,
 );
 
+$-overflow-wrap-values: normal, break-word, anywhere;
+
 @layer utilities {
 	// positions
 	@each $value in map.get(theme.$theme, positions) {
@@ -207,6 +209,10 @@ $-widths: (
 		}
 	}
 
+	.min-w-0 {
+		min-width: 0;
+	}
+
 	@each $name, $value in $-widths {
 		.w-#{$name} {
 			width: $value;
@@ -248,6 +254,13 @@ $-widths: (
 		overflow-y: scroll;
 	}
 
+	// overflow wraps
+	@each $value in $-overflow-wrap-values {
+		.overflow-wrap-#{$value} {
+			overflow-wrap: $value;
+		}
+	}
+
 	.no-scroll {
 		overflow: hidden;
 		overscroll-behavior: none;