HA-Neuromorphic/Neuromorphic_slider_entity-row.txt at main · maskaz/HA-Neuromorphic · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
type: entities
entities:
  - type: 'custom:slider-entity-row'
    entity: Entity.name
    full_row: true
    toggle: false
    hide_state: true
style:
  .: |
    ha-card {   --ha-card-box-shadow: 0px;
    border-radius: 10px;
    border: 0px solid rgba(100, 100,100, 0.3);
    box-shadow: -3px -3px 3px 1px
    #ffffff, 3px 3px 3px 1px   #AEAEC0;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.9);
    color: rgba(0, 0, 0, 0.6);
    background: rgba(0,0,0, 0.0);
    height: 160px;
    }
  slider-entity-row:
    $:
      ha-slider:
        $:
          '#sliderKnob': >
            .slider-knob {border-radius: 6px} .slider-knob {border: 1px solid
            rgba(0, 0,0, 0.2)} .slider-knob {background-color: #f0f0f0}
            .slider-knob {width: 30px} .slider-knob {height: 30px}
            .slider-knob {box-shadow: -0px -1px 5px 0px
             #ffffff, 0px 1px 5px 0px   #AEAEC0;}
            .slider-knob-inner {border: 0px} .slider-knob-inner
            {background-color: rgba(255, 255, 255, 0.0)}
            .slider-knob-inner::after  {background-color: rgba(0, 0,0, 0.0)}
            .slider-knob-inner::before  {background-color: black}
            .slider-knob-inner::before  {background-color: transparent}
            .slider-knob-inner::inner  {height: 0px} .slider-knob-inner::before
            {border: 0px)} .slider-knob {top: -3px} .slider-knob-inner
            {background-color:  tranparent} .slider-knob-inner  {width: 0px}
            .slider-knob-inner  {hight: 0px} .slider-knob-inner::after  {color:
            '#000000')} .pin > .slider-knob > .slider-knob-inner::after  {color:
            black} .pin > .slider-knob > .slider-knob-inner::after  {top: 20px}
            .pin.ring > .slider-knob > .slider-knob-inner::before {background:
             transparent} .pin.ring > .slider-knob > .slider-knob-inner::before
             {hight: 40px} .slider-knob.dragging {background: (rgba(0,0,0, 0.3)}
             paper-ripple {color: transparent}
          '#sliderContainer': |
            .bar-container {overflow: unset}
            .bar-container {position: fixed}
            .bar-container {height: 20px}
            .bar-container {top: -8px}
            .bar-container {left: -1px}
            .bar-container {right: -1px}
          paper-progress:
            $: >
              #progressContainer {height: 12px} #progressContainer {background:
              transparent} #progressContainer {box-shadow: inset 2px 2px 5px 2px
              rgba(0,0,0, 0.2), inset -2px -2px 5px 2px rgba(255,255,255,
              0.8);}  #progressContainer {border: 1px solid #fff}
              #progressContainer {border-radius: 3px}  #primaryProgress
              {background-color: var(--primary-color)} #primaryProgress {border:
              1px solid rgba(0,0,0, 0.1)} #primaryProgress {border-radius: 3px}
              #primaryProgress {height: 8px}  #primaryProgress {box-shadow:
              inset 2px 2px 2px 1px rgba(0,0,0,
               0.05), inset -2px -2px 5px 0px rgba(255,255,255, 0.5)}
              #primaryProgress {top: 1px}  #primaryProgress {left: 1px}