feat(adapter): keep card border/shadow even with Bootstrap .border-0/.shadow-none
This commit is contained in:
Vendored
+9
@@ -171,3 +171,12 @@ hr { border-top-color: var(--color-border); color: var(--color-border); opacity:
|
||||
.progress { background: var(--color-surface-2); }
|
||||
.progress-bar { background: var(--color-accent); }
|
||||
code, kbd { color: var(--color-accent-2); }
|
||||
|
||||
/* ---------- the theme wins over Bootstrap utilities that fight the card look ---------- */
|
||||
/* The card look *is* its hairline border + radius + shadow — keep them even when
|
||||
markup says .border-0 / .shadow-none / a .bg-* surface override. */
|
||||
.card.border-0 { border: 1px solid var(--color-border) !important; }
|
||||
.card.shadow-none { box-shadow: var(--wt-shadow) !important; }
|
||||
.card.bg-white, .card.bg-light, .card.bg-body, .card.bg-body-tertiary {
|
||||
background: color-mix(in srgb, var(--color-surface) 75%, transparent) !important;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user