Docs for percussion

docs/showcase/special-tracks.mdx

@@ -12,4 +12,9 @@ percussion track, it's hidden in case a drum tab is displayed.
 
 ## Grand Staff
 With Guitar Pro 6 files also grand staffs can be rendered.
-<AlphaTab file="/files/features/Piano.gpx" />
+<AlphaTab file="/files/features/Piano.gpx" />
+
+## Percussion <span class="badge badge--info badge--header">since 1.1.0-alpha.45</span>
+
+Percussion tracks are similar to drum tabs but might have less lines than a normal staff. 
+<AlphaTab file="/files/features/Percussion.gp" tracks="all" />

src/css/custom.css

@@ -194,4 +194,13 @@ img.thumbnail:hover {
 .buorg {
   border: 0;
   background: #f7f7f7;
+}
+
+.badge--header {
+  --ifm-header-badge-font-size: calc(var(--ifm-font-size-base) * 0.75);
+  --ifm-header-badge-padding-horizontal: calc(var(--ifm-font-size-base) * 0.5);
+  --ifm-header-badge-padding-vertical: calc(var(--ifm-font-size-base) * 0.25);
+
+  font-size: var(--ifm-header-badge-font-size) !important;
+  padding: var(--ifm-header-badge-padding-vertical) var(--ifm-header-badge-padding-horizontal);
 }

src/theme/DocItem/styles.module.css

@@ -67,3 +67,7 @@
 .docLastUpdatedAt {
   font-weight: bold;
 }
+
+.tableOfContents :global(.badge--header) {
+  display: none;
+}