improved background patterns

olton · olton · commit 022056327258 · 2025-08-15T10:43:15.000+03:00
diff --git a/examples/patterns.html b/examples/patterns.html
@@ -44,10 +44,10 @@
         <div class="demo-box bg-pattern-grid">
             <button class="small" data-pattern="pattern-grid">View</button>
         </div>
-        <div class="demo-box bg-pattern-grid-top" style="background-color: transparent">
+        <div class="demo-box bg-pattern-grid-top">
             <button class="small" data-pattern="pattern-grid-top">View</button>
         </div>
-        <div class="demo-box bg-pattern-grid-bottom" style="background-color: transparent">
+        <div class="demo-box bg-pattern-grid-bottom">
             <button class="small" data-pattern="pattern-grid-bottom">View</button>
         </div>
         <div class="demo-box bg-pattern-paper">
diff --git a/lib/metro.css b/lib/metro.css
@@ -48949,6 +48949,7 @@ button.light.outline,
 }
 .bg-pattern-grid-top {
   position: relative;
+  background-color: transparent !important;
 }
 .bg-pattern-grid-top::before {
   content: "";
@@ -48977,6 +48978,7 @@ button.light.outline,
 }
 .bg-pattern-grid-bottom {
   position: relative;
+  background-color: transparent !important;
 }
 .bg-pattern-grid-bottom::before {
   content: "";
diff --git a/lib/metro.css.map b/lib/metro.css.map
diff --git a/source/colors-css/patterns.less b/source/colors-css/patterns.less
@@ -17,6 +17,7 @@
 
 .bg-pattern-grid-top {
     position: relative;
+    background-color: transparent!important;
 
     &::before {
         content: '';
@@ -36,6 +37,7 @@
 
 .bg-pattern-grid-bottom {
     position: relative;
+    background-color: transparent!important;
 
     &::before {
         content: '';

Original file line number	Diff line number	Diff line change
`@@ -48949,6 +48949,7 @@ button.light.outline,`
`48949`	`48949`	`}`
`48950`	`48950`	`.bg-pattern-grid-top {`
`48951`	`48951`	`position: relative;`
	`48952`	`+ background-color: transparent !important;`
`48952`	`48953`	`}`
`48953`	`48954`	`.bg-pattern-grid-top::before {`
`48954`	`48955`	`content: "";`
`@@ -48977,6 +48978,7 @@ button.light.outline,`
`48977`	`48978`	`}`
`48978`	`48979`	`.bg-pattern-grid-bottom {`
`48979`	`48980`	`position: relative;`
	`48981`	`+ background-color: transparent !important;`
`48980`	`48982`	`}`
`48981`	`48983`	`.bg-pattern-grid-bottom::before {`
`48982`	`48984`	`content: "";`