---
resources:
  - url: /local/custom-header.js?v=0.0.1
    type: module
  - url: /local/weather-card.js
    type: module

  - url: 'https://fonts.googleapis.com/css?family=Raleway'
    type: css

custom_header:
  compact_mode: true
  hide_config: true
  hide_help: true

views:
  - title: Main
    icon: mdi:home
    cards:
      - type: custom:weather-card
        entity: weather.openweathermap
        current: true
        details: false
        forecast: true
        style: |
          ha-card {
            border: solid 1px var(--border-color);
            font-family: Raleway;
            margin-top: 5px;
            margin-bottom: 5px;
          }
          .spacer {
            padding-top: 0em;
          }
          .current {
            padding-top: 0em;
            padding-left: 1em;
            margin-top: -1em;
            margin-bottom: 0em;
          }
          .temp {
            font-size: 3.2em;
            position: sticky;
          }
          .tempc {
            font-size: 1.5em;
            position: sticky;
          }
          .forecast {
            margin-top: -3.5em;
            margin-bottom: -0.7em;
          }
          .forecast .day:first-child {
           margin-left: 7.5em;
          }
          .day {
            border-right: none;
            line-height: 2;
          }
          .precipitation {
           display: none
          }
          .icon {
            width: 40px;
            height: 40px;
          }
          .icon.bigger {
            width: 4em;
            height: 4em;
            left: 2.5em;
            top: 8em;
          }