@open-rlb/ng-bootstrap 3.3.38 → 3.3.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -116,7 +116,7 @@ $display-block-dark: none !default;
|
|
|
116
116
|
|
|
117
117
|
// OVERRIDES
|
|
118
118
|
$card-bg: var(--#{$prefix}secondary-bg);
|
|
119
|
-
$card-box-shadow:
|
|
119
|
+
$card-box-shadow-dark: 0 0.5rem 1rem rgba(0, 0, 0, 0.35); // Stronger shadow for dark mode
|
|
120
120
|
$card-border-width: 0;
|
|
121
121
|
$table-head-bg: $body-tertiary-bg-dark; // Darker header for tables
|
|
122
122
|
$input-bg: rgba(255, 255, 255, 0.05); // Glass effect
|
|
@@ -1425,7 +1425,7 @@ $card-subtitle-color: null !default;
|
|
|
1425
1425
|
$card-border-width: 1px !default;
|
|
1426
1426
|
$card-border-color: rgba($gray-200, 0.5) !default;
|
|
1427
1427
|
$card-border-radius: var(--#{$prefix}border-radius-xl) !default;
|
|
1428
|
-
$card-box-shadow: 0 4px 6px rgba(18, 38, 63, 0.
|
|
1428
|
+
$card-box-shadow: 0 4px 6px rgba(18, 38, 63, 0.06), 0 1px 3px rgba(18, 38, 63, 0.10) !default;
|
|
1429
1429
|
$card-inner-border-radius: calc(#{$card-border-radius} - 1px) !default;
|
|
1430
1430
|
$card-cap-padding-y: $card-spacer-y * .5 !default;
|
|
1431
1431
|
$card-cap-padding-x: $card-spacer-x !default;
|
|
@@ -4,7 +4,18 @@
|
|
|
4
4
|
|
|
5
5
|
.card {
|
|
6
6
|
margin-bottom: $grid-gutter-width;
|
|
7
|
-
|
|
7
|
+
// Consume the theme-aware custom property (set per-theme in `_root.scss`) so cards
|
|
8
|
+
// stay in sync with `rlb-dt-table.dt-card-style` / `rlb-accordion.accordion-card-style`,
|
|
9
|
+
// which also read `--#{$prefix}card-box-shadow`.
|
|
10
|
+
box-shadow: var(--#{$prefix}card-box-shadow);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
// Bootstrap's `.card` redefines `--#{$prefix}card-box-shadow` locally from the
|
|
14
|
+
// compile-time `$card-box-shadow` (the light value), which shadows the theme-level
|
|
15
|
+
// value from `_root.scss`. Re-point the local property to the dark value under the
|
|
16
|
+
// dark theme so card shadows match the tables/accordions above.
|
|
17
|
+
[data-bs-theme="dark"] .card {
|
|
18
|
+
--#{$prefix}card-box-shadow: #{$card-box-shadow-dark};
|
|
8
19
|
}
|
|
9
20
|
|
|
10
21
|
.card-drop {
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
--#{$prefix}display-none: #{$display-none-dark};
|
|
74
74
|
--#{$prefix}display-block: #{$display-block-dark};
|
|
75
75
|
|
|
76
|
-
--#{$prefix}card-box-shadow: #{$card-box-shadow};
|
|
76
|
+
--#{$prefix}card-box-shadow: #{$card-box-shadow-dark};
|
|
77
77
|
--#{$prefix}input-box-shadow: #{$input-box-shadow};
|
|
78
78
|
|
|
79
79
|
// Sidebar
|