strolch-wc-plc-style.html

<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../paper-styles/color.html">
<link rel="import" href="../paper-styles/paper-styles.html">

<link rel="import" href="../strolch-wc-styles/strolch-wc-app-style.html">

<dom-module id="strolch-wc-plc-style">
    <template>
        <style is="strolch-wc-plc-style" include="strolch-wc-app-style">
            :root {
                --app-primary-color: #9965F4;
                --app-secondary-color: #616161;
                --primary-text-color: #212121;
                --secondary-text-color: #737373;
            }

            paper-card {
                display: block;
                padding: 10px;
            }

            paper-icon-button, iron-icon {
                color: var(--app-secondary-color);
            }

            paper-toggle-button {
                height: 35px;
                margin-left: 10px;
                margin-right: 5px;
                --paper-toggle-button-checked-button-color: var(--app-primary-color);
            }

            paper-radio-button {
                --paper-radio-button-checked-color: var(--app-primary-color);
            }

            .active-icon {
                color: var(--app-primary-color);
            }

            .inactive-icon {
                color: var(--secondary-text-color);
            }

            h2, h3 {
                margin-left: 10px;
                margin-bottom: 10px;
            }

            h2, h3, h4 {
                margin: 10px 0 0;
                padding: 0;
            }

            .container {
                display: flex; /* or inline-flex */
                flex-direction: column;
                flex-wrap: wrap;
            }

            .item {
                order: 0; /* default is 0 */
                flex-grow: 0; /* default 0 */
                flex-shrink: 0; /* default 1 */
                flex-basis: auto; /* default auto */
            }

            .actions {
                display: flex; /* or inline-flex */
                flex-direction: row;
                justify-content: flex-end;
            }

            .card-content {
                padding: 0;
            }

            .card-actions {
                display: flex; /* or inline-flex */
                flex-direction: row;
                justify-content: flex-end;
            }

            .card-actions-right {
                display: flex; /* or inline-flex */
                flex-grow: 1; /* default 0 */
                justify-content: flex-end;
            }

            .g-flex-table-cell {
                padding: 0;
                flex-basis: 150px;
                min-height: 32px;
            }

            .label {
                flex-flow: row-reverse;
                flex-basis: 150px;
                flex-grow: 0;
            }

            .error-icon {
                color: var(--app-dark-warning-bg-color);
            }

            .no-grow {
                flex-grow: 0;
            }

            .value-input {
                width: 120px;
            }

            .address-field {
                display: block;
                padding-top: 10px;
            }

            .address {
                display: block;
                width: 100%;
            }

            .hw-address {
                display: block;
                width: 100%;
                font-size: smaller;
                color: gray;
            }

            paper-radio-button {
                padding-left: 12px;
            }

        </style>
    </template>
</dom-module>