mirror of
https://github.com/tabler/tabler.git
synced 2026-10-12 05:06:55 +04:00
Fix .card-progress losing its styles when not a direct child of .card (#3188)
This commit is contained in:
1 parent
c89bf8da57
commit
70b8372c61
2 files changed
+19
-2
No files matched your search
@@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
"@tabler/core": patch
|
||||||
|
---
|
||||||
|
|
||||||
|
Fixed `.card-progress` to keep a 2px bar fallback when it isn't a direct child of `.card`.
|
||||||
@@ -302,9 +302,21 @@ Stacked card
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Card progress
|
// Card progress
|
||||||
// `.card >` outranks ui/_progress.scss's later `.progress { position: relative; }`.
|
.card-progress {
|
||||||
.card > .card-progress {
|
|
||||||
--card-progress-height: #{$card-progress-height};
|
--card-progress-height: #{$card-progress-height};
|
||||||
|
height: var(--card-progress-height);
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
@include border-radius(0 0 2px 2px);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
@include border-radius(2px 2px 0 0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// `.card >` outranks the fallback above and ui/_progress.scss's later `.progress { position: relative; }`.
|
||||||
|
.card > .card-progress {
|
||||||
--card-progress-offset: calc(-1 * var(--card-border-width));
|
--card-progress-offset: calc(-1 * var(--card-border-width));
|
||||||
position: absolute;
|
position: absolute;
|
||||||
inset: var(--card-progress-offset);
|
inset: var(--card-progress-offset);
|
||||||
|
|||||||
Reference in new issue
Block a user