Skip to content

Commit 06fff10

Browse files
authored
fix(card): inverted header links were not styled properly
When header link was inside an inverted cards group (not inside a single card!), it was not styled properly. This PR now adds the same logic as for single card making link header visible again
1 parent cd975ae commit 06fff10

File tree

2 files changed

+9
-0
lines changed

2 files changed

+9
-0
lines changed

src/definitions/views/card.less

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -929,6 +929,13 @@ each(@colors,{
929929
.ui.inverted.card > .content > .header {
930930
color: @invertedHeaderColor;
931931
}
932+
.ui.inverted.cards > .card > .content > a.header,
933+
.ui.inverted.card > .content > a.header {
934+
color: @invertedHeaderLinkColor;
935+
&:hover {
936+
color: @invertedHeaderLinkHoverColor;
937+
}
938+
}
932939

933940
/* Description */
934941
.ui.inverted.cards > .card > .content > .description,

src/themes/default/views/card.variables

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -227,6 +227,8 @@
227227
@invertedBackground: @black;
228228
@invertedContentDivider: @borderWidth solid rgba(255, 255, 255, 0.15);
229229
@invertedHeaderColor: @invertedTextColor;
230+
@invertedHeaderLinkColor: @invertedTextColor;
231+
@invertedHeaderLinkHoverColor: @linkHoverColor;
230232
@invertedDescriptionColor: @invertedMutedTextColor;
231233
@invertedMetaColor: @invertedLightTextColor;
232234
@invertedMetaLinkColor: @invertedLightTextColor;

0 commit comments

Comments
 (0)