|
1 | | -html { |
2 | | - --paper-material_-_display: block; --paper-material_-_position: relative; |
3 | | - --paper-material-elevation-1_-_box-shadow: var(--shadow-elevation-2dp_-_box-shadow); |
4 | | - --paper-material-elevation-2_-_box-shadow: var(--shadow-elevation-4dp_-_box-shadow); |
5 | | - --paper-material-elevation-3_-_box-shadow: var(--shadow-elevation-6dp_-_box-shadow); |
6 | | - --paper-material-elevation-4_-_box-shadow: var(--shadow-elevation-8dp_-_box-shadow); |
7 | | - --paper-material-elevation-5_-_box-shadow: var(--shadow-elevation-16dp_-_box-shadow); |
8 | | -} |
9 | | - |
10 | | -.paper-material { |
11 | | - display: var(--paper-material_-_display); position: var(--paper-material_-_position); |
12 | | -} |
13 | | - |
14 | | -.paper-material[elevation="1"] { |
15 | | - box-shadow: var(--paper-material-elevation-1_-_box-shadow); |
16 | | -} |
17 | | - |
18 | | -.paper-material[elevation="2"] { |
19 | | - box-shadow: var(--paper-material-elevation-2_-_box-shadow); |
20 | | -} |
21 | | - |
22 | | -.paper-material[elevation="3"] { |
23 | | - box-shadow: var(--paper-material-elevation-3_-_box-shadow); |
24 | | -} |
25 | | - |
26 | | -.paper-material[elevation="4"] { |
27 | | - box-shadow: var(--paper-material-elevation-4_-_box-shadow); |
28 | | -} |
29 | | - |
30 | | -.paper-material[elevation="5"] { |
31 | | - box-shadow: var(--paper-material-elevation-5_-_box-shadow); |
32 | | -} |
33 | | - |
34 | | -:host { |
35 | | - --paper-material_-_display: block; --paper-material_-_position: relative; |
36 | | - --paper-material-elevation-1_-_box-shadow: var(--shadow-elevation-2dp_-_box-shadow); |
37 | | - --paper-material-elevation-2_-_box-shadow: var(--shadow-elevation-4dp_-_box-shadow); |
38 | | - --paper-material-elevation-3_-_box-shadow: var(--shadow-elevation-6dp_-_box-shadow); |
39 | | - --paper-material-elevation-4_-_box-shadow: var(--shadow-elevation-8dp_-_box-shadow); |
40 | | - --paper-material-elevation-5_-_box-shadow: var(--shadow-elevation-16dp_-_box-shadow); |
41 | | -} |
42 | | - |
43 | | -:host(.paper-material) { |
44 | | - display: var(--paper-material_-_display); position: var(--paper-material_-_position); |
45 | | -} |
46 | | - |
47 | | -:host(.paper-material[elevation="1"]) { |
48 | | - box-shadow: var(--paper-material-elevation-1_-_box-shadow); |
49 | | -} |
50 | | - |
51 | | -:host(.paper-material[elevation="2"]) { |
52 | | - box-shadow: var(--paper-material-elevation-2_-_box-shadow); |
53 | | -} |
54 | | - |
55 | | -:host(.paper-material[elevation="3"]) { |
56 | | - box-shadow: var(--paper-material-elevation-3_-_box-shadow); |
57 | | -} |
58 | | - |
59 | | -:host(.paper-material[elevation="4"]) { |
60 | | - box-shadow: var(--paper-material-elevation-4_-_box-shadow); |
61 | | -} |
62 | | - |
63 | | -:host(.paper-material[elevation="5"]) { |
64 | | - box-shadow: var(--paper-material-elevation-5_-_box-shadow); |
65 | | -} |
66 | | - |
67 | | -:host { |
68 | | - box-shadow: var(--paper-material-elevation-1_-_box-shadow); |
69 | | - display: block; |
70 | | - border-radius: 2px; |
71 | | - transition: all 0.3s ease-out; |
72 | | - background-color: var(--paper-card-background-color, white); |
73 | | - color: var(--primary-text-color); |
74 | | -} |
75 | | - |
76 | 1 | .card-header { |
77 | 2 | color: var(--ha-card-header-color, --primary-text-color); |
78 | 3 | font-family: var(--ha-card-header-font-family, inherit); |
|
85 | 10 |
|
86 | 11 | table { |
87 | 12 | padding-left: 16px; |
| 13 | + padding-bottom: 16px; |
88 | 14 | width: 100%; |
89 | 15 | } |
90 | 16 |
|
|
0 commit comments