Remove is="custom-style" (#1237)

This commit is contained in:
c727 2018-05-31 01:59:31 +02:00 committed by Paulus Schoutsen
parent ff50414cbb
commit 673c7c5184
31 changed files with 31 additions and 31 deletions

View File

@ -17,7 +17,7 @@ import LocalizeMixin from '../mixins/localize-mixin.js';
class HaEntitiesCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
static get template() {
return html`
<style is="custom-style" include="iron-flex"></style>
<style include="iron-flex"></style>
<style>
ha-card {
padding: 16px;

View File

@ -7,7 +7,7 @@ import hassAttributeUtil from '../util/hass-attributes-util.js';
class HaAttributes extends PolymerElement {
static get template() {
return html`
<style is="custom-style" include="iron-flex iron-flex-alignment"></style>
<style include="iron-flex iron-flex-alignment"></style>
<style>
.data-entry .value {
max-width: 200px;

View File

@ -79,7 +79,7 @@ import getGroupEntities from '../common/entity/get_group_entities.js';
class HaCards extends PolymerElement {
static get template() {
return html`
<style is="custom-style" include="iron-flex iron-flex-factors"></style>
<style include="iron-flex iron-flex-factors"></style>
<style>
:host {
display: block;

View File

@ -11,7 +11,7 @@ import EventsMixin from '../mixins/events-mixin.js';
class HaClimateControl extends EventsMixin(PolymerElement) {
static get template() {
return html`
<style is="custom-style" include="iron-flex iron-flex-alignment"></style>
<style include="iron-flex iron-flex-alignment"></style>
<style>
/* local DOM styles go here */
:host {

View File

@ -8,7 +8,7 @@ import CoverEntity from '../util/cover-model.js';
class HaCoverTiltControls extends PolymerElement {
static get template() {
return html`
<style is="custom-style" include="iron-flex"></style>
<style include="iron-flex"></style>
<style>
:host {
white-space: nowrap;

View File

@ -22,7 +22,7 @@ import EventsMixin from '../../../mixins/events-mixin.js';
class MoreInfoClimate extends EventsMixin(PolymerElement) {
static get template() {
return html`
<style is="custom-style" include="iron-flex"></style>
<style include="iron-flex"></style>
<style>
:host {
color: var(--primary-text-color);

View File

@ -11,7 +11,7 @@ import '../../../components/ha-markdown.js';
class MoreInfoConfigurator extends PolymerElement {
static get template() {
return html`
<style is="custom-style" include="iron-flex"></style>
<style include="iron-flex"></style>
<style>
p {
margin: 8px 0;

View File

@ -17,7 +17,7 @@ import featureClassNames from '../../../common/entity/feature_class_names';
class MoreInfoCover extends PolymerElement {
static get template() {
return html`
<style is="custom-style" include="iron-flex"></style>
<style include="iron-flex"></style>
<style>
.current_position, .tilt {
max-height: 0px;

View File

@ -19,7 +19,7 @@ import EventsMixin from '../../../mixins/events-mixin.js';
class MoreInfoFan extends EventsMixin(PolymerElement) {
static get template() {
return html`
<style is="custom-style" include="iron-flex"></style>
<style include="iron-flex"></style>
<style>
.container-speed_list,
.container-direction,

View File

@ -27,7 +27,7 @@ import EventsMixin from '../../../mixins/events-mixin.js';
class MoreInfoLight extends EventsMixin(PolymerElement) {
static get template() {
return html`
<style is="custom-style" include="iron-flex"></style>
<style include="iron-flex"></style>
<style>
.effect_list {
padding-bottom: 16px;

View File

@ -22,7 +22,7 @@ import EventsMixin from '../../../mixins/events-mixin.js';
class MoreInfoMediaPlayer extends EventsMixin(PolymerElement) {
static get template() {
return html`
<style is="custom-style" include="iron-flex iron-flex-alignment"></style>
<style include="iron-flex iron-flex-alignment"></style>
<style>
.media-state {
text-transform: capitalize;

View File

@ -5,7 +5,7 @@ import { PolymerElement } from '@polymer/polymer/polymer-element.js';
class MoreInfoScript extends PolymerElement {
static get template() {
return html`
<style is="custom-style" include="iron-flex iron-flex-alignment"></style>
<style include="iron-flex iron-flex-alignment"></style>
<div class="layout vertical">
<div class="data-entry layout justified horizontal">

View File

@ -9,7 +9,7 @@ import formatTime from '../../../common/datetime/format_time.js';
class MoreInfoSun extends PolymerElement {
static get template() {
return html`
<style is="custom-style" include="iron-flex iron-flex-alignment"></style>
<style include="iron-flex iron-flex-alignment"></style>
<template is="dom-repeat" items="[[computeOrder(risingDate, settingDate)]]">
<div class="data-entry layout justified horizontal">

View File

@ -12,7 +12,7 @@ import '../../../components/ha-attributes.js';
class MoreInfoVacuum extends PolymerElement {
static get template() {
return html`
<style is="custom-style" include="iron-flex iron-flex-alignment"></style>
<style include="iron-flex iron-flex-alignment"></style>
<style>
:host {
@apply --paper-font-body1;

View File

@ -10,7 +10,7 @@ import '../auth/ha-pick-auth-provider.js';
class HaAuthorize extends PolymerElement {
static get template() {
return html`
<style is="custom-style" include="iron-flex iron-positioning"></style>
<style include="iron-flex iron-positioning"></style>
<style>
.layout {
padding-top: 20px;

View File

@ -16,7 +16,7 @@ import LocalizeMixin from '../mixins/localize-mixin.js';
class LoginForm extends LocalizeMixin(PolymerElement) {
static get template() {
return html`
<style is="custom-style" include="iron-flex iron-positioning"></style>
<style include="iron-flex iron-positioning"></style>
<style>
:host {
white-space: nowrap;

View File

@ -19,7 +19,7 @@ import EventsMixin from '../../mixins/events-mixin.js';
class HaPanelDevEvent extends EventsMixin(PolymerElement) {
static get template() {
return html`
<style is="custom-style" include="ha-style iron-flex iron-positioning"></style>
<style include="ha-style iron-flex iron-positioning"></style>
<style>
:host {
-ms-user-select: initial;

View File

@ -14,7 +14,7 @@ import '../../resources/ha-style.js';
class HaPanelDevTemplate extends PolymerElement {
static get template() {
return html`
<style is="custom-style" include="ha-style iron-flex iron-positioning"></style>
<style include="ha-style iron-flex iron-positioning"></style>
<style>
:host {
-ms-user-select: initial;

View File

@ -14,7 +14,7 @@ import EventsMixin from '../../mixins/events-mixin.js';
class HaLogbook extends EventsMixin(PolymerElement) {
static get template() {
return html`
<style is="custom-style" include="iron-flex"></style>
<style include="iron-flex"></style>
<style>
:host {
display: block;

View File

@ -10,7 +10,7 @@ import EventsMixin from '../../mixins/events-mixin.js';
class HaEntityMarker extends EventsMixin(PolymerElement) {
static get template() {
return html`
<style is="custom-style" include="iron-positioning"></style>
<style include="iron-positioning"></style>
<style>
.marker {
vertical-align: top;

View File

@ -5,7 +5,7 @@ const documentContainer = document.createElement('template');
documentContainer.setAttribute('style', 'display: none;');
documentContainer.innerHTML = `<custom-style>
<style is="custom-style">/* remove is= on Polymer 2 */
<style>
/*
Home Assistant default styles.

View File

@ -8,7 +8,7 @@ import '../components/ha-climate-state.js';
class StateCardClimate extends PolymerElement {
static get template() {
return html`
<style is="custom-style" include="iron-flex iron-flex-alignment"></style>
<style include="iron-flex iron-flex-alignment"></style>
<style>
:host {
@apply --paper-font-body1;

View File

@ -8,7 +8,7 @@ import '../components/entity/state-info.js';
class StateCardConfigurator extends PolymerElement {
static get template() {
return html`
<style is="custom-style" include="iron-flex iron-flex-alignment"></style>
<style include="iron-flex iron-flex-alignment"></style>
<style>
paper-button {
color: var(--primary-color);

View File

@ -10,7 +10,7 @@ import CoverEntity from '../util/cover-model.js';
class StateCardCover extends PolymerElement {
static get template() {
return html`
<style is="custom-style" include="iron-flex iron-flex-alignment"></style>
<style include="iron-flex iron-flex-alignment"></style>
<style>
:host {
line-height: 1.5;

View File

@ -13,7 +13,7 @@ class StateCardInputNumber extends mixinBehaviors([
], PolymerElement) {
static get template() {
return html`
<style is="custom-style" include="iron-flex iron-flex-alignment"></style>
<style include="iron-flex iron-flex-alignment"></style>
<style>
paper-slider {
margin-left: auto;

View File

@ -8,7 +8,7 @@ import '../components/entity/state-info.js';
class StateCardInputText extends PolymerElement {
static get template() {
return html`
<style is="custom-style" include="iron-flex iron-flex-alignment"></style>
<style include="iron-flex iron-flex-alignment"></style>
<style>
paper-input {
margin-left: 16px;

View File

@ -12,7 +12,7 @@ import HassMediaPlayerEntity from '../util/hass-media-player-model.js';
class StateCardMediaPlayer extends LocalizeMixin(PolymerElement) {
static get template() {
return html`
<style is="custom-style" include="iron-flex iron-flex-alignment"></style>
<style include="iron-flex iron-flex-alignment"></style>
<style>
:host {
line-height: 1.5;

View File

@ -12,7 +12,7 @@ import LocalizeMixin from '../mixins/localize-mixin.js';
class StateCardScene extends LocalizeMixin(PolymerElement) {
static get template() {
return html`
<style is="custom-style" include="iron-flex iron-flex-alignment"></style>
<style include="iron-flex iron-flex-alignment"></style>
<style>
paper-button {
color: var(--primary-color);

View File

@ -14,7 +14,7 @@ import LocalizeMixin from '../mixins/localize-mixin.js';
class StateCardScript extends LocalizeMixin(PolymerElement) {
static get template() {
return html`
<style is="custom-style" include="iron-flex iron-flex-alignment"></style>
<style include="iron-flex iron-flex-alignment"></style>
<style>
paper-button {
color: var(--primary-color);

View File

@ -15,7 +15,7 @@ import LocalizeMixin from '../mixins/localize-mixin.js';
class StateCardTimer extends LocalizeMixin(PolymerElement) {
static get template() {
return html`
<style is="custom-style" include="iron-flex iron-flex-alignment"></style>
<style include="iron-flex iron-flex-alignment"></style>
<style>
.state {
@apply --paper-font-body1;

View File

@ -8,7 +8,7 @@ import '../components/entity/state-info.js';
class StateCardToggle extends PolymerElement {
static get template() {
return html`
<style is="custom-style" include="iron-flex iron-flex-alignment"></style>
<style include="iron-flex iron-flex-alignment"></style>
<style>
ha-entity-toggle {
margin: -4px -16px -4px 0;