another pattern

Author: Afif13

index.html

@@ -2155,21 +2155,6 @@ <h1><span>C</span><span>S</span><span>S</span> Pattern</h1>
     </section>
     <section id="g124">
       <style>#g124 {
-  --s: 112px; /* control the size */
-  --c1:#C7F464;
-  --c2:#8A9B0F;
-  
-  background: 
-    conic-gradient(from  45deg at 70%,var(--c2) 25%,#0000 0) calc(5*var(--s)/8) var(--s),
-    conic-gradient(from  45deg at 40%,var(--c1) 25%,#0000 0) calc(3*var(--s)/4) var(--s),
-    conic-gradient(from -45deg at 30%,#0000 75%,var(--c2) 0) calc(var(--s)/8) 0,
-    conic-gradient(from -45deg at 60%,var(--c2) 75%,var(--c1) 0);
-  background-size: var(--s) calc(2*var(--s));
-}
-</style><button>Copy the CSS</button>  
-    </section>
-    <section id="g125">
-      <style>#g125 {
   --s: 30px; /* control the size */
   --c: #1B676B 25%,#0000 0; /* first color */
 
@@ -2190,11 +2175,40 @@ <h1><span>C</span><span>S</span><span>S</span> Pattern</h1>
     conic-gradient(at calc(100%/3) calc(200%/3),var(--c))
      0 0/calc(3*var(--s)) calc(3*var(--s)) #88C425; /* second color */
 }
+</style><button>Copy the CSS</button>  
+    </section>
+    <section id="g125">
+      <style>#g125 {
+  --s: 112px; /* control the size */
+  --c1:#C7F464;
+  --c2:#8A9B0F;
+  
+  background: 
+    conic-gradient(from  45deg at 70%,var(--c2) 25%,#0000 0) calc(5*var(--s)/8) var(--s),
+    conic-gradient(from  45deg at 40%,var(--c1) 25%,#0000 0) calc(3*var(--s)/4) var(--s),
+    conic-gradient(from -45deg at 30%,#0000 75%,var(--c2) 0) calc(var(--s)/8) 0,
+    conic-gradient(from -45deg at 60%,var(--c2) 75%,var(--c1) 0);
+  background-size: var(--s) calc(2*var(--s));
+}
+</style><button>Copy the CSS</button>  
+    </section>
+    <section id="g126">
+      <style>#g126 {
+  --s: 50px; /* control the size */
+  --c1:#F1D4AF;
+  --c2:#774F38;
+  
+  --g:/calc(2*var(--s)) calc(2*var(--s)) 
+    conic-gradient(at 10%,#0000 75%,var(--c1) 0);
+  background:
+    0 0 var(--g),var(--s) var(--s) var(--g),
+    linear-gradient(var(--c1) 20%,var(--c2) 0) 0 0/1% var(--s);
+}
 </style><button>Copy the CSS</button>  
     </section>
     <section>
         <div>
-            <p>You reached the end but it's not the end<br>This collection will keep growing</p>
+            <p>You reached the end but it's not the end!<br>This collection will keep growing</p>
             <a href="https://github.com/Afif13/CSS-Pattern" target="_blank">Watch on Github</a>
             <a href="https://twitter.com/ChallengesCss" target="_blank">Follow me on Twitter</a>
         </div>