another pattern

Author: Afif13

index.html

@@ -2069,7 +2069,7 @@ <h1><span>C</span><span>S</span><span>S</span> Pattern</h1>
 }
 </style><button>Copy the CSS</button>  
     </section>
-        <section id="g121">
+    <section id="g121">
       <style>#g121 {
   --s: 52px; /* control the size */
   --c1:#DFBA69;
@@ -2082,6 +2082,29 @@ <h1><span>C</span><span>S</span><span>S</span> Pattern</h1>
     repeating-conic-gradient(from 45deg,var(--c2) 0 25%,var(--c1) 0 50%);
   background-size: calc(2*var(--s)) calc(2*var(--s));
 }
+</style><button>Copy the CSS</button>  
+    </section>
+    <section id="g122">
+      <style>#g122 {
+  --s: 104px; /* control the size */
+  --c1:#403B33;
+  --c2:#94C7B6;
+  
+  --g1:/calc(2*var(--s)) calc(2*var(--s)) 
+       radial-gradient(at 100% 0,var(--c2) 17.5%,#0000 18%);
+  --g2:/calc(2*var(--s)) calc(2*var(--s)) 
+       radial-gradient(at 0 100%,var(--c2) 17.5%,#0000 18%);
+  --_s:0 calc(var(--s)/2)/var(--s) var(--s);
+  background:
+    calc(var(--s)/ 2) var(--s)var(--g1),
+    calc(var(--s)/-2) 0       var(--g1),
+    calc(var(--s)/-2) var(--s)var(--g2),
+    calc(var(--s)/ 2) 0       var(--g2),
+    radial-gradient(at 100% 0,var(--c1) 35%,#0000 35.5%) var(--_s),
+    radial-gradient(at 0 100%,var(--c1) 35%,#0000 35.5%) var(--_s),
+    repeating-conic-gradient(from 45deg,var(--c1) 0 25%,var(--c2) 0 50%)
+     0 0/var(--s) var(--s);
+}
 </style><button>Copy the CSS</button>  
     </section>
   	 <a target="_blank" href="https://github.com/Afif13/CSS-Pattern" class="credit">