diff --git a/packages/common/vpu-button.js b/packages/common/vpu-button.js index af196ed8f0d8fb4a9e120c320392d970860fda7c..dac995e92e96409e6918eccd7481bfe7fb423c07 100644 --- a/packages/common/vpu-button.js +++ b/packages/common/vpu-button.js @@ -73,26 +73,12 @@ class Button extends VPULitElement { // language=css return css` ${commonUtils.getThemeCSS()} - .button { - cursor: pointer; - justify-content: center; - padding-bottom: calc(.375rem - 1px); - padding-left: .75rem; - padding-right: .75rem; - padding-top: calc(.375rem - 1px); - text-align: center; - white-space: nowrap; - }`; + ${commonUtils.getButtonCSS()} + `; } render() { return html` - <style> - .primary { - background: var(--vpu-primary-bg-color); - color: var(--vpu-primary-text-color); - } - </style> <button @click="${this.clickHandler}" class="button ${this.type}" ?disabled="${this.disabled}"> ${this.value} <vpu-mini-spinner style="display: ${this.spinner ? "inline" : "none"}"></vpu-mini-spinner> </button> diff --git a/packages/common/vpu-common-demo.js b/packages/common/vpu-common-demo.js index e4dda27cc59a18849f7f3132f1046aa4d289379d..9d192a6e339b6c02601fc74f68a4cf29de0f2d94 100644 --- a/packages/common/vpu-common-demo.js +++ b/packages/common/vpu-common-demo.js @@ -125,7 +125,7 @@ class VpuCommonDemo extends VPULitElement { <div class="content"> <h2>Button</h2> <div class="control"> - <vpu-button value="Load" @click="${this.buttonClickHandler}" type="primary"></vpu-button> + <vpu-button value="Load" @click="${this.buttonClickHandler}" type="is-primary"></vpu-button> </div> </div> <div class="content">