DBCard: global styles overwrite all inherit styles for DBCard

[annsch]

Which generators are affected?

• All
• HTML
• React
• Angular
• Vue
• Web components
• Power Apps

Reproduction case

<a>
 <DBCard></DBCard>
</a>

This DOM Structure leads to the following global style that resets all styles for .db-card:

:is(a,button):has(.db-card) {
    all: unset;
}

Ich wollte dich heute eine Sache fragen:

Schau mal hier: https://db.de/8hsnmr
Da passt die Größe der DBCards nicht in das Grid. Das liegt daran, dass aus DB UX folgender Style kommt:

:is(a,button):has(.db-card) {
all: unset;
}

Why is this such a global overwrite?

core-web/packages/components/src/components/card/card.scss

Line 8 in 1335e51

all: unset;

https://db.de/8hsnmr

Expected Behaviour

No global overwrite when not documented

Screenshots

No response

Browser version

None

Add any other context about the problem here.

No response

Which DB business unit do you work for?

None

”DB Systel” please enter your customer / ”other” please enter your area or business unit.

No response

What project are you working on?

No response