another pattern

Author: Afif13

index.html

@@ -27,7 +27,7 @@
   		<h1><span>C</span><span>S</span><span>S</span> Pattern</h1>
   		<p>powered by CSS gradients</p>
         <h2>the biggest collection of background Patterns</h2>
-        <p>Explore 135 CSS-only patterns made with CSS gradients and optimized with CSS variables.</p>
+        <p>Explore 136 CSS-only patterns made with CSS gradients and optimized with CSS variables.</p>
   	</header>
     <script async src="https://media.ethicalads.io/media/client/ethicalads.min.js"></script>
     <div class="adaptive" data-ea-publisher="css-challengescom" id="css-pattern" data-ea-type="text" data-ea-style="fixedfooter"></div>
@@ -2342,6 +2342,23 @@ <h2>the biggest collection of background Patterns</h2>
     var(--g) calc(var(--s)/2) var(--s) #F8ECC9;
   background-size: var(--s) var(--s),var(--s) calc(2*var(--s));
 }
+</style><button>Copy the CSS</button>  
+    </section>
+    <section id="g136">
+      <style>#g136 {
+  --s: 100px; /* control the size */
+  --c1:#5B7C8D;
+  --c2:#EDF6EE;
+  
+  background:
+    conic-gradient(var(--c1) 25%,#0000 0 50%,var(--c2) 0 75%,#0000 0),
+    linear-gradient(135deg,
+      var(--c1) 0 12.5%,var(--c2) 0 25%,
+      var(--c1) 0 37.5%,var(--c2) 0 62.5%,
+      var(--c1) 0 75%  ,var(--c2) 0 87.5%,
+      var(--c1) 0);
+  background-size: var(--s) var(--s);
+}
 </style><button>Copy the CSS</button>  
     </section>
     <section>