feat(marquee): alternative static flex-grid of chips (replaces scrolling marquee)
This commit is contained in:
1 parent
e60d791934
commit
9e62a1ea53
5 files changed
+61
-108
No files matched your search
@@ -5484,6 +5484,31 @@ body.content-edit-shift-active.content-edit-mode-active .content-edit-fab-stack
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
/* Альтернативный вариант marquee: статичная flex-сетка чипсов */
|
||||
.marquee--grid {
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
.marquee-grid {
|
||||
list-style: none;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
max-width: 680px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.75rem;
|
||||
justify-content: center;
|
||||
}
|
||||
.marquee-grid__cell {
|
||||
margin: 0;
|
||||
flex: 1 1 11rem;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.marquee-grid__cell .hero__tag {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* Marquee появляется мягче, чем обычные секции (без большого сдвига) */
|
||||
.marquee[data-reveal] {
|
||||
opacity: 0;
|
||||
|
||||
Reference in new issue
Block a user