| @@ -1,79 +1 @@ | ||
| 1 | -.ablocks-block-marquee[data-animated="true"] { | |
| 2 | - --ablocks-block-animation-direction: normal; | |
| 3 | - display: flex; | |
| 4 | - overflow: hidden; | |
| 5 | - gap: var(--ablocks-block-content-gap); | |
| 6 | - padding-block: 8px; | |
| 7 | - user-select: none; | |
| 8 | - position: relative; | |
| 9 | - -webkit-mask: linear-gradient(90deg, | |
| 10 | - transparent, | |
| 11 | - white 20%, | |
| 12 | - white 80%, | |
| 13 | - transparent); | |
| 14 | - mask: linear-gradient(90deg, | |
| 15 | - transparent, white 20%, | |
| 16 | - white 80%, | |
| 17 | - transparent); | |
| 18 | -} | |
| 19 | - | |
| 20 | -.ablocks-block-marquee__children, | |
| 21 | -.ablocks-block-marquee__children-mirror { | |
| 22 | - display: flex; | |
| 23 | - align-items: center; | |
| 24 | - gap: var(--ablocks-block-content-gap); | |
| 25 | - flex-shrink: 0; | |
| 26 | - white-space: nowrap; | |
| 27 | - animation: marquee-scroll var(--ablocks-block-animation-speed) linear infinite; | |
| 28 | - animation-direction: var(--ablocks-block-animation-direction); | |
| 29 | -} | |
| 30 | - | |
| 31 | -@keyframes marquee-scroll { | |
| 32 | - from { | |
| 33 | - transform: translateX(0); | |
| 34 | - } | |
| 35 | - to { | |
| 36 | - transform: translateX(calc(-1 * var(--ablocks-block-total-width))); | |
| 37 | - } | |
| 38 | -} | |
| 39 | - | |
| 40 | -.ablocks-block-marquee__children, | |
| 41 | -.ablocks-block-marquee__children-mirror { | |
| 42 | - scrollbar-width: none; | |
| 43 | - -ms-overflow-style: none; | |
| 44 | -} | |
| 45 | -.ablocks-block-marquee__children::-webkit-scrollbar, | |
| 46 | -.ablocks-block-marquee__children-mirror::-webkit-scrollbar { | |
| 47 | - display: none; | |
| 48 | -} | |
| 49 | - | |
| 50 | - | |
| 51 | -.ablocks-block-marquee__custom-btn { | |
| 52 | - background: #1e1e1e; | |
| 53 | - color: #fff; | |
| 54 | - height: 28px; | |
| 55 | - min-width: 24px; | |
| 56 | - padding: 0; | |
| 57 | -} | |
| 58 | - | |
| 59 | -.ablocks-block-marquee__custom-btn svg { | |
| 60 | - fill: white; | |
| 61 | -} | |
| 62 | - | |
| 63 | -.is-layout-constrained>.ablocks-block--marquee:where(:not(.alignleft):not(.alignright):not(.alignfull)) { | |
| 64 | - max-width: 100% !important; | |
| 65 | -} | |
| 66 | - | |
| 67 | - | |
| 68 | -.ablocks-block-marquee__custom-btn .ablocks-icon--plus:before { | |
| 69 | - color: white; | |
| 70 | -} | |
| 71 | -.ablocks-block-marquee-dropdown-toolbar-menu .ablocks-icon--plus:before { | |
| 72 | - color: rgb(0, 0, 0); | |
| 73 | - font-size: 20px; | |
| 74 | -} | |
| 75 | - | |
| 76 | -.ablocks-block-marquee__children-child { | |
| 77 | - display: flex; | |
| 78 | - align-items: center; | |
| 79 | -} | |
| 1 | +.ablocks-block-marquee[data-animated=true][data-enable-shadow=true]{-webkit-mask:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent);mask:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent)}.ablocks-block-marquee[data-animated=true]{--ablocks-block-animation-direction:normal;display:flex;gap:var(--ablocks-block-content-gap);overflow:hidden;padding-block:8px;position:relative;user-select:none}.ablocks-block-marquee[data-animated=true][data-direction=down][data-enable-shadow=true],.ablocks-block-marquee[data-animated=true][data-direction=up][data-enable-shadow=true]{-webkit-mask:linear-gradient(180deg,transparent,#fff 20%,#fff 80%,transparent);mask:linear-gradient(180deg,transparent,#fff 20%,#fff 80%,transparent)}.ablocks-block-marquee[data-animated=true][data-direction=down],.ablocks-block-marquee[data-animated=true][data-direction=up]{flex-direction:column;height:200px}.ablocks-block-marquee__children,.ablocks-block-marquee__children-mirror{align-items:center;animation:var(--ablocks-block-animation-name) var(--ablocks-block-animation-speed) linear infinite;animation-direction:var(--ablocks-block-animation-direction);display:flex;flex-shrink:0;gap:var(--ablocks-block-content-gap);white-space:nowrap}.ablocks-block-marquee[data-direction=down] .ablocks-block-marquee__children,.ablocks-block-marquee[data-direction=down] .ablocks-block-marquee__children-mirror,.ablocks-block-marquee[data-direction=up] .ablocks-block-marquee__children,.ablocks-block-marquee[data-direction=up] .ablocks-block-marquee__children-mirror{flex-direction:column}@keyframes marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(calc(var(--ablocks-block-total-width)*-1))}}@keyframes marquee-scroll-vertical{0%{transform:translateY(0)}to{transform:translateY(calc(var(--ablocks-block-total-height)*-1))}}.ablocks-block-marquee__children,.ablocks-block-marquee__children-mirror{scrollbar-width:none;-ms-overflow-style:none}.ablocks-block-marquee__children-mirror::-webkit-scrollbar,.ablocks-block-marquee__children::-webkit-scrollbar{display:none}.ablocks-block-marquee__custom-btn{background:#1e1e1e;color:#fff;height:28px;min-width:24px;padding:0}.ablocks-block-marquee__custom-btn svg{fill:#fff}.ablocks-block-marquee__custom-btn .ablocks-icon--plus:before{color:#fff}.ablocks-block-marquee__children>div[role=presentation],.ablocks-block-marquee__custom-btn{cursor:pointer;z-index:1}.is-layout-constrained>.ablocks-block--marquee:where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:100%!important}.ablocks-block-marquee-dropdown-toolbar-menu .ablocks-icon--plus:before{color:#000;font-size:20px}.ablocks-block-marquee__children-child{align-items:center;display:flex} | |
