File tree Expand file tree Collapse file tree 2 files changed +32
-1
lines changed
Expand file tree Collapse file tree 2 files changed +32
-1
lines changed Original file line number Diff line number Diff line change 7474 }
7575 }
7676
77+ /* ---- Media wrapper for image + video hover ---- */
78+ .feature-media-wrap {
79+ position : relative ;
80+ width : 100% ;
81+ height : 120px ;
82+ overflow : hidden ;
83+ background : @bc-bg-inline-widget ; // #e6e9e9
84+
85+ .dark & {
86+ background : @dark-bc-bg-inline-widget ;// #1b1b1b
87+ }
88+ }
89+
7790 /* ---- Media thumb ---- */
7891 .feature-thumb {
7992 width : 100% ;
8093 height : 120px ;
8194 object-fit : cover ;
8295 background : @bc-bg-inline-widget ; // #e6e9e9
96+ transition : opacity 0.3s ease ;
8397
8498 .dark & {
8599 background : @dark-bc-bg-inline-widget ;// #1b1b1b
86100 }
87101 }
88102
103+ /* ---- Feature video (hidden by default, layered on top of image) ---- */
104+ .feature-video {
105+ position : absolute ;
106+ top : 0 ;
107+ left : 0 ;
108+ width : 100% ;
109+ height : 100% ;
110+ object-fit : cover ;
111+ opacity : 0 ;
112+ transition : opacity 0.3s ease ;
113+ }
114+
115+ /* ---- Hover state: show video on top of image (image stays as fallback for offline) ---- */
116+ .feature-card :hover .feature-video {
117+ opacity : 1 ;
118+ }
119+
89120 /* ---- Card body ---- */
90121 .feature-body {
91122 padding : 12px ;
Original file line number Diff line number Diff line change 11{
22 "phoenixPro" : {
3- "commitID" : " 1c41c26a16b0efb299c83bca1e5320f55c1bf627 "
3+ "commitID" : " 8b097dcc25205fd0514dcaa047feffc93cf65927 "
44 }
55}
You can’t perform that action at this time.
0 commit comments