docs(menu): document custom properties (#16249)

references #14850

core/src/components/menu-button/menu-button.scss

@@ -4,6 +4,10 @@
 // --------------------------------------------------
 
 :host {
+  /**
+   * @prop --color: Color of the menu button
+   */
+
   color: var(--color);
 
   pointer-events: all;

core/src/components/menu-button/readme.md

@@ -16,6 +16,13 @@ Menu Button is component that automatically creates the icon and functionality t
 | `mode`     | `mode`      | The mode determines which platform styles to use.                                                                                                                                                                                                                      | `"ios" \| "md"`       | `undefined` |
 
 
+## CSS Custom Properties
+
+| Name      | Description              |
+| --------- | ------------------------ |
+| `--color` | Color of the menu button |
+
+
 ----------------------------------------------
 
 *Built with [StencilJS](https://stenciljs.com/)*

core/src/components/menu/menu.scss

@@ -4,6 +4,11 @@
 // --------------------------------------------------
 
 :host {
+  /**
+   * @prop --background: Background of the menu
+   * @prop --width: Width of the menu
+   * @prop --width-small: Width of the small menu
+   */
   --width: #{$menu-width};
   --width-small: #{$menu-small-width};
   --background: #{$background-color};

core/src/components/menu/readme.md

@@ -129,6 +129,15 @@ Type: `Promise<boolean>`
 
 
 
+## CSS Custom Properties
+
+| Name            | Description             |
+| --------------- | ----------------------- |
+| `--background`  | Background of the menu  |
+| `--width`       | Width of the menu       |
+| `--width-small` | Width of the small menu |
+
+
 ----------------------------------------------
 
 *Built with [StencilJS](https://stenciljs.com/)*