UNPKG

@haxtheweb/haxcms-nodejs

Version:

HAXcms single and multisite nodejs server, api, and administration

68 lines (58 loc) 2.07 kB
import"../../../vaadin-material-styles/color.js";import"../../../vaadin-material-styles/mixins/required-field.js";import{html as e}from"../../../../@polymer/polymer/lib/utils/html-tag.js";const t=e`<dom-module id="material-checkbox-group" theme-for="vaadin-checkbox-group"> <template> <style include="material-required-field"> :host { display: inline-flex; position: relative; padding-top: 8px; margin-bottom: 8px; outline: none; color: var(--material-body-text-color); font-size: var(--material-body-font-size); line-height: 24px; font-family: var(--material-font-family); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } :host::before { line-height: 32px; } :host([has-label]) { padding-top: 24px; } [part="label"]:empty { display: none; } [part="label"]:empty::before { content: " "; position: absolute; } :host([theme~="vertical"]) [part="group-field"] { display: flex; flex-direction: column; } :host([disabled]) [part="label"] { color: var(--material-disabled-text-color); -webkit-text-fill-color: var(--material-disabled-text-color); } :host([focused]:not([invalid])) [part="label"] { color: var(--material-primary-text-color); } /* According to material theme guidelines, helper text should be hidden when error message is set and input is invalid */ :host([has-helper][invalid][has-error-message]) [part="helper-text"] { display: none; } :host([has-helper]) [part="helper-text"]::before { content: ""; display: block; height: 6px; } [part="helper-text"], [part="helper-text"] ::slotted(*) { font-size: .75rem; line-height: 1; color: var(--material-secondary-text-color); } </style> </template> </dom-module>`;document.head.appendChild(t.content);