Add ThemableMixin documentation to Styling docs.

Author: vicsstar

analysis.json

@@ -8,17 +8,17 @@
       "sourceRange": {
         "file": "src/vaadin-button.html",
         "start": {
-          "line": 107,
+          "line": 109,
           "column": 6
         },
         "end": {
-          "line": 107,
+          "line": 109,
           "column": 42
         }
       },
       "elements": [
         {
-          "description": "`<vaadin-button>` is a Polymer 2 element providing an accessible and customizable button.\n\n```html\n<vaadin-button>\n</vaadin-button>\n```\n\n### Styling\n\nThe following shadow DOM parts are exposed for styling:\n\nPart name | Description\n----------------|----------------\n`button` | The internal `<button>` element\n\nThe following attributes are exposed for styling:\n\nAttribute | Description\n--------- | -----------\n`active` | Set when the button is pressed down, either with mouse, touch or the keyboard.\n`disabled` | Set when the button is disabled.\n`focus-ring` | Set when the button is focused using the keyboard.\n`focused` | Set when the button is focused.",
+          "description": "`<vaadin-button>` is a Polymer 2 element providing an accessible and customizable button.\n\n```html\n<vaadin-button>\n</vaadin-button>\n```\n\n### Styling\n\nThe following shadow DOM parts are exposed for styling:\n\nPart name | Description\n----------------|----------------\n`button` | The internal `<button>` element\n\nThe following attributes are exposed for styling:\n\nAttribute | Description\n--------- | -----------\n`active` | Set when the button is pressed down, either with mouse, touch or the keyboard.\n`disabled` | Set when the button is disabled.\n`focus-ring` | Set when the button is focused using the keyboard.\n`focused` | Set when the button is focused.\n\nSee [ThemableMixin – how to apply styles for shadow parts](https://github.com/vaadin/vaadin-themable-mixin/wiki)",
           "summary": "",
           "path": "src/vaadin-button.html",
           "properties": [
@@ -142,11 +142,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 77,
+                  "line": 79,
                   "column": 8
                 },
                 "end": {
-                  "line": 88,
+                  "line": 90,
                   "column": 9
                 }
               },
@@ -427,11 +427,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 90,
+                  "line": 92,
                   "column": 8
                 },
                 "end": {
-                  "line": 95,
+                  "line": 97,
                   "column": 9
                 }
               },
@@ -473,11 +473,11 @@
           "metadata": {},
           "sourceRange": {
             "start": {
-              "line": 68,
+              "line": 70,
               "column": 6
             },
             "end": {
-              "line": 100,
+              "line": 102,
               "column": 7
             }
           },
@@ -553,5 +553,69 @@
         }
       ]
     }
+  ],
+  "elements": [
+    {
+      "description": "",
+      "summary": "",
+      "path": "demo/button-basic-demos.html",
+      "properties": [],
+      "methods": [],
+      "staticMethods": [],
+      "demos": [],
+      "metadata": {},
+      "sourceRange": {
+        "start": {
+          "line": 55,
+          "column": 4
+        },
+        "end": {
+          "line": 59,
+          "column": 5
+        }
+      },
+      "privacy": "public",
+      "superclass": "HTMLElement",
+      "name": "ButtonBasicDemos",
+      "attributes": [],
+      "events": [],
+      "styling": {
+        "cssVariables": [],
+        "selectors": []
+      },
+      "slots": [],
+      "tagname": "button-basic-demos"
+    }
+  ],
+  "mixins": [
+    {
+      "description": " ",
+      "summary": "",
+      "path": "demo/button-demo.html",
+      "properties": [],
+      "methods": [],
+      "staticMethods": [],
+      "demos": [],
+      "metadata": {},
+      "sourceRange": {
+        "start": {
+          "line": 2,
+          "column": 2
+        },
+        "end": {
+          "line": 9,
+          "column": 3
+        }
+      },
+      "privacy": "public",
+      "name": "ButtonDemo",
+      "attributes": [],
+      "events": [],
+      "styling": {
+        "cssVariables": [],
+        "selectors": []
+      },
+      "slots": []
+    }
   ]
 }

src/vaadin-button.html

@@ -60,6 +60,8 @@
        * `focus-ring` | Set when the button is focused using the keyboard.
        * `focused` | Set when the button is focused.
        *
+       * See [ThemableMixin – how to apply styles for shadow parts](https://github.com/vaadin/vaadin-themable-mixin/wiki)
+       *
        * @memberof Vaadin
        * @mixes Vaadin.ControlStateMixin
        * @mixes Vaadin.ThemableMixin