Add shape for C#

pganssle · Nov 26, 2023 · 8e87396 · 8e87396
1 parent 718faf4
commit 8e87396
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/_includes/_note_shapes.scss b/_includes/_note_shapes.scss
@@ -5,6 +5,7 @@ $moon: url(#moon-clip-path);
 $moon_i: url(#moon-inverted-clip-path);
 $heart: url(#heart-clip-path);
 $heart_u: url(#heart-upside-down-clip-path);
+$pentagon: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
 $hexagon: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
 $circle: circle(50%);
 $octagon: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
@@ -99,6 +100,16 @@ div.flag-container.use-shapes div.chord-notes-container {
         }
     }
 
+    div.note-wrapper.note-C-sharp4 {
+        div.note {
+            clip-path: $pentagon;
+        }
+
+        div.note-text > span.note-text-span {
+            transform: translateY(10%);
+        }
+    }
+
     div.note-wrapper.note-D4 > div.note {
         clip-path: $clover;
     }