PluginProbe
aBlocks – Gutenberg Blocks, User Dashboard Builder, Popup Builder, Form Builder & Animation Builder / 2.9.0
aBlocks – Gutenberg Blocks, User Dashboard Builder, Popup Builder, Form Builder & Animation Builder v2.9.0
2.13.0 2.13.1 2.12.0 2.11.1 2.11.0 2.10.0 2.9.0 2.7.4 2.7.5 2.7.6 2.7.7 2.8.0 2.8.1 2.9.1 trunk 1.0 1.0-beta1 1.0-beta2 1.0-beta3 1.0.1 1.0.2 1.0.3 1.1.0 1.1.1 1.1.2 All 80 releases
ablocks / assets / build / blocks / marquee / style.css

style.css in aBlocks – Gutenberg Blocks, User Dashboard Builder, Popup Builder, Form Builder & Animation Builder 2.9.0, at assets/build/blocks/marquee/style.css

1 lines 2.7 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
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}