Revision of linting rules, polish & organization

css/svg-styles.min.css

@@ -1 +1,63 @@
-/*~ ▌██░░ eunos-blades v0.1.0 ║  License ║  ░░██▐ */*{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.segmented{--rotation-step-size:calc(360deg/var(--rotation-steps));--segment-scale:1}clipPath.segmented{--segment-scale:2}.segmented[data-size="1"]{--rotation-steps:1}.segmented[data-size="2"]{--rotation-steps:2}.segmented[data-size="3"]{--rotation-steps:3}.segmented[data-size="4"]{--rotation-steps:4}.segmented[data-size="5"]{--rotation-steps:5}.segmented[data-size="6"]{--rotation-steps:6}.segmented[data-size="8"]{--rotation-steps:8}.segmented[data-size="10"]{--rotation-steps:10}.segmented[data-size="12"]{--rotation-steps:12}.segmented>use{-webkit-transform:scale(var(--segment-scale)) rotate(var(--segment-rotation));-ms-transform:scale(var(--segment-scale)) rotate(var(--segment-rotation));transform:scale(var(--segment-scale)) rotate(var(--segment-rotation))}.segmented>use .segmented>use:first-child{--segment-rotation:calc(var(--rotation-step-size)*0)}.segmented>use .segmented>use:nth-child(2){--segment-rotation:calc(var(--rotation-step-size)*1)}.segmented>use .segmented>use:nth-child(3){--segment-rotation:calc(var(--rotation-step-size)*2)}.segmented>use .segmented>use:nth-child(4){--segment-rotation:calc(var(--rotation-step-size)*3)}.segmented>use .segmented>use:nth-child(5){--segment-rotation:calc(var(--rotation-step-size)*4)}.segmented>use .segmented>use:nth-child(6){--segment-rotation:calc(var(--rotation-step-size)*5)}.segmented>use .segmented>use:nth-child(7){--segment-rotation:calc(var(--rotation-step-size)*6)}.segmented>use .segmented>use:nth-child(8){--segment-rotation:calc(var(--rotation-step-size)*7)}.segmented>use .segmented>use:nth-child(9){--segment-rotation:calc(var(--rotation-step-size)*8)}.segmented>use .segmented>use:nth-child(10){--segment-rotation:calc(var(--rotation-step-size)*9)}.segmented>use .segmented>use:nth-child(11){--segment-rotation:calc(var(--rotation-step-size)*10)}.segmented>use .segmented>use:nth-child(12){--segment-rotation:calc(var(--rotation-step-size)*11)}
+* {
+  transform-origin: 50% 50%; }
+
+.segmented {
+  --rotation-step-size: calc(360deg / var(--rotation-steps));
+  --segment-scale: 1; }
+
+clipPath.segmented {
+  --segment-scale: 2 ; }
+
+.segmented[data-size="1"] {
+  --rotation-steps: 1 ; }
+
+.segmented[data-size="2"] {
+  --rotation-steps: 2 ; }
+
+.segmented[data-size="3"] {
+  --rotation-steps: 3 ; }
+
+.segmented[data-size="4"] {
+  --rotation-steps: 4 ; }
+
+.segmented[data-size="5"] {
+  --rotation-steps: 5 ; }
+
+.segmented[data-size="6"] {
+  --rotation-steps: 6 ; }
+
+.segmented[data-size="8"] {
+  --rotation-steps: 8 ; }
+
+.segmented[data-size="10"] {
+  --rotation-steps: 10 ; }
+
+.segmented[data-size="12"] {
+  --rotation-steps: 12 ; }
+
+.segmented > use {
+  transform: scale(var(--segment-scale)) rotate(var(--segment-rotation)); }
+  .segmented > use .segmented > use:nth-child(1) {
+    --segment-rotation: calc(0 * var(--rotation-step-size)) ; }
+  .segmented > use .segmented > use:nth-child(2) {
+    --segment-rotation: calc(1 * var(--rotation-step-size)) ; }
+  .segmented > use .segmented > use:nth-child(3) {
+    --segment-rotation: calc(2 * var(--rotation-step-size)) ; }
+  .segmented > use .segmented > use:nth-child(4) {
+    --segment-rotation: calc(3 * var(--rotation-step-size)) ; }
+  .segmented > use .segmented > use:nth-child(5) {
+    --segment-rotation: calc(4 * var(--rotation-step-size)) ; }
+  .segmented > use .segmented > use:nth-child(6) {
+    --segment-rotation: calc(5 * var(--rotation-step-size)) ; }
+  .segmented > use .segmented > use:nth-child(7) {
+    --segment-rotation: calc(6 * var(--rotation-step-size)) ; }
+  .segmented > use .segmented > use:nth-child(8) {
+    --segment-rotation: calc(7 * var(--rotation-step-size)) ; }
+  .segmented > use .segmented > use:nth-child(9) {
+    --segment-rotation: calc(8 * var(--rotation-step-size)) ; }
+  .segmented > use .segmented > use:nth-child(10) {
+    --segment-rotation: calc(9 * var(--rotation-step-size)) ; }
+  .segmented > use .segmented > use:nth-child(11) {
+    --segment-rotation: calc(10 * var(--rotation-step-size)) ; }
+  .segmented > use .segmented > use:nth-child(12) {
+    --segment-rotation: calc(11 * var(--rotation-step-size)) ; }