Found some time to check the new card-mod version.
Default HA theme.
Here is a simple case:
Card 1:
type: entities
card_mod:
style:
.card-content hui-text-entity-row:
$:
hui-generic-entity-row:
$: |
.info {
color: red;
}
entities: &ref_entities
- sun.sun
- sun.sun
- sun.sun
![image](https://community-assets.home-assistant.io/original/4X/0/1/c/01c206ad36cf78ca46aeeef001ab93bf3f540bfe.png)
Code Inspector:
Where I expect to see ācard-modā sections:
in each div
section:
- on
hui-text-entity-row
level;
- on
hui-text-entity-row $
level;
- on
hui-generic-entity-row
level;
- on
hui-generic-entity-row $
level.
Where ācard-modā sections are created:
- on
type-entities
level (??? why ???);
- for each
div
section:
- on
hui-text-entity-row
level;
- on
hui-text-entity-row $
level - twice (??? why twice ???);
- on
hui-generic-entity-row
level;
- on
hui-generic-entity-row $
level.
Card 2:
type: entities
card_mod:
style:
.card-content hui-text-entity-row $:
hui-generic-entity-row:
$: |
.info {
color: red;
}
entities: *ref_entities
![image](https://community-assets.home-assistant.io/original/4X/1/c/f/1cf7e3dd90b6f650bb20ea1a3b89d702d92b1da2.png)
Code Inspector:
Where I expect to see ācard-modā sections:
in the 1st div
section:
- on
hui-text-entity-row $
level;
- on
hui-generic-entity-row
level;
- on
hui-generic-entity-row $
level.
Where ācard-modā sections are created:
- on
type-entities
level (??? why ???);
- for the 1st
div
section:
- on
hui-text-entity-row
level - NOT PRESENT;
- on
hui-text-entity-row $
level - twice (??? why twice ???);
- on
hui-generic-entity-row
level;
- on
hui-generic-entity-row $
level.
- for the 2nd & 3rd
div
sections:
- on
hui-text-entity-row
level - NOT PRESENT;
- on
hui-text-entity-row $
level (??? why ???);
- on
hui-generic-entity-row
level - NOT PRESENT;
- on
hui-generic-entity-row $
level - NOT PRESENT.
Card 3:
type: entities
card_mod:
style:
.card-content hui-text-entity-row $ hui-generic-entity-row:
$: |
.info {
color: red;
}
entities: *ref_entities
![image](https://community-assets.home-assistant.io/original/4X/9/0/b/90ba92f8323a1902e70627ee2790bfd2b95ff075.png)
Code Inspector:
Where I expect to see ācard-modā sections:
in the 1st div
section:
- on
hui-generic-entity-row
level;
- on
hui-generic-entity-row $
level.
Where ācard-modā sections are created:
- on
type-entities
level (??? why ???);
- for the 1st
div
section:
- on
hui-text-entity-row
level - NOT PRESENT;
- on
hui-text-entity-row $
level (??? why ???);
- on
hui-generic-entity-row
level;
- on
hui-generic-entity-row $
level.
- for the 2nd & 3rd
div
sections:
- on
hui-text-entity-row
level - NOT PRESENT;
- on
hui-text-entity-row $
level (??? why ???);
- on
hui-generic-entity-row
level - NOT PRESENT;
- on
hui-generic-entity-row $
level - NOT PRESENT.
Card 4:
type: entities
card_mod:
style:
.card-content hui-text-entity-row $ hui-generic-entity-row $: |
.info {
color: red;
}
entities: *ref_entities
![image](https://community-assets.home-assistant.io/original/4X/9/1/8/91854d60cb960dc668e08fb75962c4a4a77fe58a.png)
Code Inspector:
Where I expect to see ācard-modā sections:
in the 1st div
section:
- on
hui-generic-entity-row $
level.
Where ācard-modā sections are created:
- on
type-entities
level (??? why ???);
- for the 1st
div
section:
- on
hui-text-entity-row
level - NOT PRESENT;
- on
hui-text-entity-row $
level (??? why ???);
- on
hui-generic-entity-row
level - NOT PRESENT;
- on
hui-generic-entity-row $
level.
- for the 2nd & 3rd
div
sections:
- on
hui-text-entity-row
level - NOT PRESENT;
- on
hui-text-entity-row $
level (??? why ???);
- on
hui-generic-entity-row
level - NOT PRESENT;
- on
hui-generic-entity-row $
level - NOT PRESENT.
Card 5:
type: entities
card_mod:
style:
.card-content hui-text-entity-row:
$ hui-generic-entity-row $: |
.info {
color: red;
}
entities: *ref_entities
![image](https://community-assets.home-assistant.io/original/4X/1/a/9/1a9849e16efd2b0de6df74beda93664238e552e8.png)
Code Inspector:
Where I expect to see ācard-modā sections:
in each div
section:
- on
hui-text-entity-row
level.
- on
hui-generic-entity-row $
level.
Where ācard-modā sections are created:
- on
type-entities
level (??? why ???);
- for each
div
section:
- on
hui-text-entity-row
level;
- on
hui-text-entity-row $
level (??? why ???);
- on
hui-generic-entity-row
level - NOT PRESENT;
- on
hui-generic-entity-row $
level.
Yes, in practice I see some difference between Code Inspector and this.
Probably I misunderstood something.