File tree Expand file tree Collapse file tree 1 file changed +19
-6
lines changed
src/pages/showcase/_components/ShowcaseCard Expand file tree Collapse file tree 1 file changed +19
-6
lines changed Original file line number Diff line number Diff line change 10
10
height : 150px ;
11
11
border-bottom : 2px solid var (--ifm-color-emphasis-200 );
12
12
}
13
-
13
+ .showcaseCardImage : hover {
14
+ transform : scale (0.9 );
15
+ }
14
16
.showcaseCardHeader {
15
17
display : flex;
16
18
align-items : center;
17
19
margin-bottom : 12px ;
18
20
}
19
-
21
+ .showcaseCardHeader : hover {
22
+ color : red;
23
+ text-shadow : 0 0 10px var (--ifm-color-primary );
24
+ }
20
25
.showcaseCardTitle {
21
26
margin-bottom : 0 ;
22
27
flex : 1 1 auto;
23
28
}
29
+ .showcaseCardTitle : hover {
30
+ color : var (--ifm-color-primary );
31
+ text-shadow : 0 0 10px whitesmoke;
32
+ }
24
33
25
34
.showcaseCardTitle a {
26
35
text-decoration : none;
42
51
}
43
52
44
53
.showcaseCardHeader .svgIconFavorite {
45
- color : var (--site-color-svg-icon-favorite );
54
+ color : white;
55
+ }
56
+ [data-theme = 'dark' ] .showcaseCardHeader {
57
+ color : white;
46
58
}
47
-
48
59
.showcaseCardSrcBtn {
49
60
margin-left : 6px ;
50
61
padding-left : 12px ;
51
62
padding-right : 12px ;
52
63
border : none;
53
64
}
54
-
55
65
.showcaseCardSrcBtn : focus-visible {
56
66
background-color : var (--ifm-color-secondary-dark );
57
67
}
68
78
.showcaseCardBody {
69
79
font-size : smaller;
70
80
line-height : 1.66 ;
81
+ text-shadow : 0 0 15px var (--ifm-color-primary );
71
82
}
72
-
73
83
.cardFooter {
74
84
display : flex;
75
85
flex-wrap : wrap;
96
106
border-radius : 50% ;
97
107
margin-left : 6px ;
98
108
margin-right : 6px ;
109
+ }
110
+ .tag : hover {
111
+ text-shadow : 0 0 10px var (--ifm-color-secondary-dark );
99
112
}
You can’t perform that action at this time.
0 commit comments