uid: weather_card
tags: []
props: {}
timestamp: Dec 28, 2020, 10:31:46 AM
component: f7-card
config:
  class:
    - padding
  style:
    border-radius: 2px
    overflow: hidden
    -ms-user-select: none
    -moz-user-select: none
    -webkit-user-select: none
    user-select: none
    --weather-card-color: 255,255,255
    --card-text-color: grey
slots:
  default:
    - component: f7-row
      slots:
        default:
          - component: f7-col
            config:
              class: col-80
              style:
                z-index: 999
            slots:
              default:
                - component: Label
                  config:
                    text: Dimmer
                    style:
                      color: var(--card-text-color)
                      font-size: 20px
                      line-height: 32px
                      white-space: nowrap
                      overflow: hidden
                      text-overflow: ellipsis
          - component: f7-col
            config:
              class: col-20
              style:
                z-index: 999
                text-align: center
                width: fit-content
                overflow: hidden
            slots:
              default:
                - component: f7-toggle
                  config:
                    style:
                      color: var(--card-text-color)
                      font-size: 58px
                      line-height: 58px
                      font-weight: 100
                      text-shadow: -1px 1px 1px hsl(0,0%,66%)
                      white-space: nowrap
                      overflow: hidden
                      text-overflow: ellipsis
    - component: f7-row
    - component: oh-slider
      config:
        label: true
        Collor: Blue
        style:
          height: +40px
          width: calc(100% - 35px)
        min: 0
        item: =props.itemdimmer
    - component: f7-col
      config:
        class: col-80
        z-index: 999