feat(widgets): deepen buttons, video player, recent comments
Add go_link/hollow/radius/icon slots for buttons; loop/poster/hide controls for video player; exclude post/keywords on recent comments.
This commit is contained in:
@@ -377,3 +377,79 @@
|
||||
.aksrt-cover-card__bg.is-video video {
|
||||
width: 100%; height: 100%; object-fit: cover; display: block;
|
||||
}
|
||||
|
||||
.widget-buttons {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: var(--btn-gap, 10px);
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.widget-buttons--vertical { flex-direction: column; }
|
||||
.widget-buttons.align-center { justify-content: center; }
|
||||
.widget-buttons.align-left { justify-content: flex-start; }
|
||||
.widget-buttons.align-right { justify-content: flex-end; }
|
||||
.widget-buttons__btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 6px;
|
||||
padding: 8px 16px;
|
||||
border-radius: 8px;
|
||||
text-decoration: none;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
background: var(--color-primary, #3b82f6);
|
||||
color: #fff !important;
|
||||
}
|
||||
.widget-buttons.is-radius .widget-buttons__btn { border-radius: 999px; }
|
||||
.widget-buttons.is-hollow .widget-buttons__btn {
|
||||
background: transparent;
|
||||
color: var(--color-primary, #3b82f6) !important;
|
||||
border: 1px solid currentColor;
|
||||
}
|
||||
.widget-buttons__btn--secondary { background: #64748b; }
|
||||
.widget-buttons__btn--outline {
|
||||
background: transparent;
|
||||
color: inherit !important;
|
||||
border: 1px solid var(--color-line, #ddd);
|
||||
}
|
||||
.widget-buttons__btn--text {
|
||||
background: transparent;
|
||||
color: var(--color-primary, #3b82f6) !important;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
.widget-buttons__btn--pink { background: #ec4899; }
|
||||
.widget-buttons__btn--blue { background: #3b82f6; }
|
||||
.widget-buttons__btn--green { background: #22c55e; }
|
||||
|
||||
.aksrt-video-widget {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
background: #111;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.aksrt-video-widget iframe,
|
||||
.aksrt-video-widget video {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 0;
|
||||
object-fit: cover;
|
||||
}
|
||||
.aksrt-video-widget.controller-hide video::-webkit-media-controls {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.widget-recent-comments__post {
|
||||
margin-top: 2px;
|
||||
font-size: 11px;
|
||||
}
|
||||
.widget-recent-comments__post a {
|
||||
color: var(--muted-2-color, #999);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user