fix stuff n tings
This commit is contained in:
@@ -24,9 +24,9 @@ module.exports = function circle(colours) {
|
||||
<ellipse clip-path="url(#firstColour)" class={colours[0]} cx="100" cy="100" rx="60" ry="60"/>
|
||||
<ellipse clip-path="url(#firstColour)" class={colours[0]} cx="100" cy="100" rx="90" ry="90"/>
|
||||
|
||||
<ellipse clip-path="url(#secondColour)" class={colours[0]} cx="100" cy="100" rx="30" ry="30"/>
|
||||
<ellipse clip-path="url(#secondColour)" class={colours[0]} cx="100" cy="100" rx="60" ry="60"/>
|
||||
<ellipse clip-path="url(#secondColour)" class={colours[0]} cx="100" cy="100" rx="90" ry="90"/>
|
||||
<ellipse clip-path="url(#secondColour)" class={colours[1]} cx="100" cy="100" rx="30" ry="30"/>
|
||||
<ellipse clip-path="url(#secondColour)" class={colours[1]} cx="100" cy="100" rx="60" ry="60"/>
|
||||
<ellipse clip-path="url(#secondColour)" class={colours[1]} cx="100" cy="100" rx="90" ry="90"/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
@@ -26,9 +26,9 @@ module.exports = function square(colours) {
|
||||
<rect clip-path="url(#firstColour)" x="40" y="40" class={colours[0]} width="120" height="120"/>
|
||||
<rect clip-path="url(#firstColour)" x="70" y="70" class={colours[0]} width="60" height="60"/>
|
||||
|
||||
<rect clip-path="url(#secondColour)" x="10" y="10" class={colours[0]} width="180" height="180"/>
|
||||
<rect clip-path="url(#secondColour)" x="40" y="40" class={colours[0]} width="120" height="120"/>
|
||||
<rect clip-path="url(#secondColour)" x="70" y="70" class={colours[0]} width="60" height="60"/>
|
||||
<rect clip-path="url(#secondColour)" x="10" y="10" class={colours[1]} width="180" height="180"/>
|
||||
<rect clip-path="url(#secondColour)" x="40" y="40" class={colours[1]} width="120" height="120"/>
|
||||
<rect clip-path="url(#secondColour)" x="70" y="70" class={colours[1]} width="60" height="60"/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -21,17 +21,13 @@ module.exports = function triangle(colours) {
|
||||
<rect x="100" y="0" width="100" height="200" />
|
||||
</clipPath>
|
||||
|
||||
<polygon clip-path="url(#firstColour)" class={colours[0]} points="1.77,176.25 100.7,2.08 200.9,176.25 "/>
|
||||
<polygon clip-path="url(#firstColour)" class={colours[0]} points="23.99,163.23 100.78,28.05 178.54,163.23 "/>
|
||||
<polygon clip-path="url(#firstColour)" class={colours[0]} points="46.21,150.21 100.85,54.03 156.18,150.21 "/>
|
||||
<polygon clip-path="url(#firstColour)" class={colours[0]} points="68.43,137.19 100.92,80 133.82,137.19 "/>
|
||||
<polygon clip-path="url(#firstColour)" class={colours[0]} points="90.65,124.17 100.99,105.98 111.46,124.17 "/>
|
||||
<polygon clip-path="url(#firstColour)" class={colours[0]} points="10,190 100,10 190,190"/>
|
||||
<polygon clip-path="url(#firstColour)" class={colours[0]} points="40,170 100,50 160,170"/>
|
||||
<polygon clip-path="url(#firstColour)" class={colours[0]} points="70,150 100,90 130,150"/>
|
||||
|
||||
<polygon clip-path="url(#secondColour)" class={colours[1]} points="1.77,176.25 100.7,2.08 200.9,176.25 "/>
|
||||
<polygon clip-path="url(#secondColour)" class={colours[1]} points="23.99,163.23 100.78,28.05 178.54,163.23 "/>
|
||||
<polygon clip-path="url(#secondColour)" class={colours[1]} points="46.21,150.21 100.85,54.03 156.18,150.21 "/>
|
||||
<polygon clip-path="url(#secondColour)" class={colours[1]} points="68.43,137.19 100.92,80 133.82,137.19 "/>
|
||||
<polygon clip-path="url(#secondColour)" class={colours[1]} points="90.65,124.17 100.99,105.98 111.46,124.17 "/>
|
||||
<polygon clip-path="url(#secondColour)" class={colours[1]} points="10,190 100,10 190,190"/>
|
||||
<polygon clip-path="url(#secondColour)" class={colours[1]} points="40,170 100,50 160,170"/>
|
||||
<polygon clip-path="url(#secondColour)" class={colours[1]} points="70,150 100,90 130,150"/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user