@haxtheweb/haxcms-nodejs
Version:
HAXcms single and multisite nodejs server, api, and administration
55 lines (48 loc) • 2.33 kB
JavaScript
import"../../../vaadin-material-styles/color.js";import{html as t}from"../../../../@polymer/polymer/lib/utils/html-tag.js";const e=t`<dom-module id="material-placeholder-styles">
<template>
<style>
input[slot="input"]::-webkit-input-placeholder,
textarea[slot="textarea"]::-webkit-input-placeholder {
color: var(--material-disabled-text-color);
transition: opacity 0.175s 0.05s;
opacity: 1;
}
input[slot="input"]::-ms-input-placeholder,
textarea[slot="textarea"]::-ms-input-placeholder {
color: var(--material-disabled-text-color);
}
input[slot="input"]::-moz-placeholder,
textarea[slot="textarea"]::-moz-placeholder {
color: var(--material-disabled-text-color);
transition: opacity 0.175s 0.05s;
opacity: 1;
}
input[slot="input"]::placeholder,
textarea[slot="textarea"]::placeholder {
color: var(--material-disabled-text-color);
transition: opacity 0.175s 0.1s;
opacity: 1;
}
[has-label]:not([focused]):not([invalid]):not([theme="always-float-label"]) > input[slot="input"]::-webkit-input-placeholder,
[has-label]:not([focused]):not([invalid]):not([theme="always-float-label"]) > input[slot="textarea"]::-webkit-input-placeholder {
opacity: 0;
transition-delay: 0;
}
[has-label]:not([focused]):not([invalid]):not([theme="always-float-label"]) > input[slot="input"]::-moz-placeholder,
[has-label]:not([focused]):not([invalid]):not([theme="always-float-label"]) > input[slot="textarea"]::-moz-placeholder {
opacity: 0;
transition-delay: 0;
}
[has-label]:not([focused]):not([invalid]):not([theme="always-float-label"]) > input[slot="input"]::placeholder,
[has-label]:not([focused]):not([invalid]):not([theme="always-float-label"]) > input[slot="textarea"]::placeholder {
opacity: 0;
transition-delay: 0;
}
/* IE11 doesn’t show the placeholder when the input is focused, so it’s basically useless for this theme */
[has-label] > input[slot="input"]:-ms-input-placeholder,
[has-label] > input[slot="textarea"]:-ms-input-placeholder {
opacity: 0;
}
</style>
</template>
</dom-module>`;document.head.appendChild(e.content);