Update pattern fifteen

arman-borkhani · arman-borkhani · commit 64dcdeaf0c3f · 2026-01-30T19:03:08.000+03:30
diff --git a/SCSS/_fifteen.scss b/SCSS/_fifteen.scss
@@ -16,19 +16,19 @@
         @grid: 4 / @var(--size) @var(--size);
 
         @nth(1, 8, 14) {
-          background: conic-gradient(from -45deg, @var(--c1) 0 25%, @var(--c2) 0 50%, @var(--c3) 0 75%, @var(--c2) 0 100%);
+          background: conic-gradient(from -45deg, @stripe(--c1, --c2, --c3, --c2));
         }
         @nth(2, 5, 12, 15) {
-          background: conic-gradient(from -45deg, @var(--c3) 0 25%, @var(--c4) 0 50%, @var(--c1) 0 75%, @var(--c2) 0 100%);
+          background: conic-gradient(from -45deg, @stripe(--c3, --c4, --c1, --c2));
         }
         @nth(3, 6, 9, 16) {
-          background: conic-gradient(from -45deg, @var(--c1) 0 25%, @var(--c2) 0 50%, @var(--c3) 0 75%, @var(--c4) 0 100%);
+          background: conic-gradient(from -45deg, @stripe(--c1, --c2, --c3, --c4));
         }
         @nth(4, 10, 13) {
-          background: conic-gradient(from -45deg, @var(--c3) 0 25%, @var(--c2) 0 50%, @var(--c1) 0 75%, @var(--c2) 0 100%);
+          background: conic-gradient(from -45deg, @stripe(--c3, --c2, --c1, --c2));
         }
         @nth(7, 11) {
-          background: conic-gradient(from -45deg, @var(--c3) 0 25%, @var(--c2) 0 50%, @var(--c3) 0 75%, @var(--c2) 0 100%);
+          background: conic-gradient(from -45deg, @stripe(--c3, --c2, --c3, --c2));
         }
       );
     );

Original file line number	Diff line number	Diff line change
`@@ -16,19 +16,19 @@`
`16`	`16`	`@grid: 4 / @var(--size) @var(--size);`
`17`	`17`
`18`	`18`	`@nth(1, 8, 14) {`
`19`		`- background: conic-gradient(from -45deg, @var(--c1) 0 25%, @var(--c2) 0 50%, @var(--c3) 0 75%, @var(--c2) 0 100%);`
	`19`	`+ background: conic-gradient(from -45deg, @stripe(--c1, --c2, --c3, --c2));`
`20`	`20`	`}`
`21`	`21`	`@nth(2, 5, 12, 15) {`
`22`		`- background: conic-gradient(from -45deg, @var(--c3) 0 25%, @var(--c4) 0 50%, @var(--c1) 0 75%, @var(--c2) 0 100%);`
	`22`	`+ background: conic-gradient(from -45deg, @stripe(--c3, --c4, --c1, --c2));`
`23`	`23`	`}`
`24`	`24`	`@nth(3, 6, 9, 16) {`
`25`		`- background: conic-gradient(from -45deg, @var(--c1) 0 25%, @var(--c2) 0 50%, @var(--c3) 0 75%, @var(--c4) 0 100%);`
	`25`	`+ background: conic-gradient(from -45deg, @stripe(--c1, --c2, --c3, --c4));`
`26`	`26`	`}`
`27`	`27`	`@nth(4, 10, 13) {`
`28`		`- background: conic-gradient(from -45deg, @var(--c3) 0 25%, @var(--c2) 0 50%, @var(--c1) 0 75%, @var(--c2) 0 100%);`
	`28`	`+ background: conic-gradient(from -45deg, @stripe(--c3, --c2, --c1, --c2));`
`29`	`29`	`}`
`30`	`30`	`@nth(7, 11) {`
`31`		`- background: conic-gradient(from -45deg, @var(--c3) 0 25%, @var(--c2) 0 50%, @var(--c3) 0 75%, @var(--c2) 0 100%);`
	`31`	`+ background: conic-gradient(from -45deg, @stripe(--c3, --c2, --c3, --c2));`
`32`	`32`	`}`
`33`	`33`	`);`
`34`	`34`	`);`