Merge pull request #68 from minedelve/develop

v0.4.13

CHANGELOG.md

@@ -7,6 +7,13 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.4.13] - 2025-01-02
+
+### Added
+
+- Add new utilities `margin` and `padding` for \*\*-inline-start propertie
+- Add new utilities `margin` and `padding` for \*\*-inline-end propertie
+
 ## [0.4.12] - 2025-01-01
 
 ### Changed

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "mytril",
 	"description": "Mytril Svelte library component for rapidly building modern websites based on Svelte and Sveltekit",
-	"version": "0.4.12",
+	"version": "0.4.13",
 	"author": {
 		"name": "Nycolaide",
 		"email": "[email protected]"

src/styles/js/spacing.ts

@@ -76,6 +76,14 @@ const classSpacing = (
 	css += `${element?.property}-top: ${negative ? '-' : ''}${value};\n`;
 	css += `${element?.property}-bottom: ${negative ? '-' : ''}${value};\n`;
 	css += `}\n`;
+	// inline-start
+	css += `${formatBreakpoint(breakpoint)}${element?.name}s-${negative ? 'n' : ''}${formatClassName(key)} {\n`;
+	css += `${element?.property}-inline-start: ${negative ? '-' : ''}${value};\n`;
+	css += `}\n`;
+	// inline-end
+	css += `${formatBreakpoint(breakpoint)}${element?.name}e-${negative ? 'n' : ''}${formatClassName(key)} {\n`;
+	css += `${element?.property}-inline-end: ${negative ? '-' : ''}${value};\n`;
+	css += `}\n`;
 	// all
 	css += `${formatBreakpoint(breakpoint)}${element?.name}a-${negative ? 'n' : ''}${formatClassName(key)} {\n`;
 	css += `${element?.property}: ${negative ? '-' : ''}${value};\n`;