DBuit / Homekit-panel-card

Homekit panel card for home assistant
MIT License
304 stars 54 forks source link

Feature Request: add box-shadow for button to customizable css variables. #105

Closed dvbit closed 3 years ago

dvbit commented 3 years ago

Hi I would like to achieve an effect like this one: https://codepen.io/kanhaiyasharma/pen/vYEZZvd This is done using box-shadow Could it be added to the variables in next release?

Thanks for the great work!

DBuit commented 3 years ago

Hello @dvbit ,

no need to wait for a variable, you can add this to the style part of the card like this:

- type: "custom:homekit-card"
        style: |
          homekit-button.button {
              box-shadow: 9px 9px 16px rgb(163,177,198,0.6), -9px -9px 16px  rgba(255,255,255, 0.5)!important;
          }