codicillo stanze

type: custom:stack-in-card
cards:
  - type: custom:button-card
    show_icon: false
    name: Soggiorno
    styles:
      card:
        - padding: 0 3%
        - z-index: 1
        - height: 95px
      custom_fields:
        btn:
          - justify-self: end
        temp:
          - filter: opacity(100%)
          - justify-self: start
          - font-size: 65%
      name:
        - font-size: 87%
        - font-weight: var(--mcg-title-font-weight, 500)
        - justify-self: start
        - opacity: 0.65
      grid:
        - grid-template-areas: "\"n btn\" \"temp temp\""
        - grid-template-columns: 1fr fit-content
        - grid-template-rows: min-content min-content
    custom_fields:
      temp: |
        [[[
          return `<ha-icon
            icon="mdi:thermometer"
            style="width:18px; height: 18px; color:#ff8c00;">
            </ha-icon><span style="font-size:120%; font-weight: 300;">
            ${states['sensor.temperatura_soggiorno'].state}°C </span>
            <ha-icon
            icon="mdi:water-percent"
            style="width: 18px; height: 18px; color: #3399ff;">
            </ha-icon><span style="font-size:120%; font-weight: 300; text-align: center;">
            ${states['sensor.umidita_soggiorno'].state}%</span>`
        ]]]
      btn:
        card:
          type: custom:mushroom-chips-card
          chips:
            - type: light
              entity: light.luce_soggiorno
              content_info: none
              card_mod:
                style: |
                  ha-card {
                    border: none !important;
                  }
            - type: light
              entity: light.lampada_soggiorno
              content_info: none
              card_mod:
                style: |
                  ha-card {
                    border: none !important;
                  }
            - type: light
              entity: light.led_soggiorno
              content_info: none
              card_mod:
                style: |
                  ha-card {
                    border: none !important;
                  }
          alignment: end
          card_mod:
            style: |
              ha-card {
                border: none !important;
                --chip-background: none;
                --chip-box-shadow: none;
              }
              .chip-container {
                --chip-spacing: 1.5vh;
              }
  - type: custom:mini-graph-card
    entities:
      - entity: sensor.temperatura_soggiorno
        name: Temperature
        color: "#ff8c00"
      - entity: sensor.umidita_soggiorno
        name: Humidity
        color: "#3399ff"
        y_axis: secondary
    height: 50
    hours_to_show: 24
    line_width: 3
    font_size: 50
    animate: true
    show:
      name: false
      icon: false
      state: false
      legend: false
      fill: fade
    card_mod:
      style: |
        ha-card {
          position: absolute !important;
          height: 100%;
          width: 100%;
          top: 0px;
          --ha-card-border-width: 0;
        }
        ha-card:after {
          content: "";
          position: absolute;
          width: 100%;
          height: 100%;
          background: linear-gradient(to right, var(--card-background-color) 20%, transparent);
        }