Fix border sheet.css

lazaronixon · lazaronixon · commit 2226e3654c43 · 2025-01-25T01:30:30.000-03:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,7 @@
 ## [Unreleased]
 - Change base.css to use zinc-950 for dark color-bg
+- Fix border sheet.css
+
 
 ## [1.0.3] - 2025-01-24
 - Fix css:install not adding javascript_importmap_tags
diff --git a/lib/generators/css_zero/add/templates/app/assets/stylesheets/sheet.css b/lib/generators/css_zero/add/templates/app/assets/stylesheets/sheet.css
@@ -1,6 +1,6 @@
 .sheet {
   background-color: var(--color-bg);
-  border-inline-start-width: var(--border);
+  border-inline-width: var(--sheet-border);
   box-shadow: var(--shadow-lg);
   block-size: var(--size-full);
   color: var(--color-text);
@@ -41,11 +41,13 @@
 }
 
 .sheet--left {
+  --sheet-border: 0 1px;
   --sheet-margin: 0 auto;
   --sheet-transform: translateX(-100%);
 }
 
 .sheet--right {
+  --sheet-border: 1px 0;
   --sheet-margin: auto 0;
   --sheet-transform: translateX(100%);
 }

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`.sheet {`
`2`	`2`	`background-color: var(--color-bg);`
`3`		`- border-inline-start-width: var(--border);`
	`3`	`+ border-inline-width: var(--sheet-border);`
`4`	`4`	`box-shadow: var(--shadow-lg);`
`5`	`5`	`block-size: var(--size-full);`
`6`	`6`	`color: var(--color-text);`
`@@ -41,11 +41,13 @@`
`41`	`41`	`}`
`42`	`42`
`43`	`43`	`.sheet--left {`
	`44`	`+ --sheet-border: 0 1px;`
`44`	`45`	`--sheet-margin: 0 auto;`
`45`	`46`	`--sheet-transform: translateX(-100%);`
`46`	`47`	`}`
`47`	`48`
`48`	`49`	`.sheet--right {`
	`50`	`+ --sheet-border: 1px 0;`
`49`	`51`	`--sheet-margin: auto 0;`
`50`	`52`	`--sheet-transform: translateX(100%);`
`51`	`53`	`}`