PluginProbe
AI Builder – Generate pages, blocks, images & translate with AI / 2.1.7
AI Builder – Generate pages, blocks, images & translate with AI v2.1.7
2.7.10 2.7.9 2.7.8 2.0.8 2.0.9 2.1.0 2.1.1 2.1.10 2.1.11 2.1.12 2.1.2 2.1.3 2.1.4 2.1.5 2.1.6 2.1.7 2.1.8 2.1.9 2.2.0 2.2.1 2.2.2 2.2.3 2.2.4 2.3.0 2.3.10 All 122 releases
ai-builder / assets / js / src / editor-blocks / carousel / style.css

style.css in AI Builder – Generate pages, blocks, images & translate with AI 2.1.7, at assets/js/src/editor-blocks/carousel/style.css

31 lines 1.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .aibui-carousel-preview {
2 position: relative;
3 border: 1px solid #e5e7eb;
4 border-radius: 12px;
5 overflow: hidden;
6 background: #fff;
7 }
8 .aibui-carousel-track { display: flex !important; flex-direction: row; flex-wrap: nowrap; gap: 0; height: 100%; transform: translateX(0); transition: transform .45s ease-in-out; will-change: transform; }
9 .aibui-carousel-slide {
10 flex: 0 0 100%;
11 min-width: 100%;
12 position: relative;
13 height: 100%;
14 }
15 .wp-block-ai-builder-aibui-carousel .aibui-carousel-track { display: flex !important; flex-direction: row; flex-wrap: nowrap; }
16 .aibui-carousel-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
17 .aibui-carousel-caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 12px 16px; color: #fff; background: linear-gradient(to top, rgba(0,0,0,.4), rgba(0,0,0,0)); font-size: 14px; }
18 .aibui-carousel-remove { position: absolute; top: 8px; right: 8px; border: 0; background: rgba(0,0,0,.45); color: #fff; border-radius: 999px; width: 28px; height: 28px; cursor: pointer; display: none; z-index: 3; }
19 .aibui-carousel-slide:hover .aibui-carousel-remove { display: inline-block; }
20
21 .aibui-carousel-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border-radius: 999px; border: 0; background: rgba(17,24,39,.65); color: #fff; cursor: pointer; z-index: 2; }
22 .aibui-carousel-prev { left: 12px; }
23 .aibui-carousel-next { right: 12px; }
24
25 .aibui-carousel-dots { position: absolute; left: 0; right: 0; bottom: 8px; display: flex; gap: 8px; justify-content: center; z-index: 2; }
26 .aibui-carousel-dot { width: 8px; height: 8px; background: #d1d5db; border-radius: 999px; display: inline-block; }
27 .aibui-carousel-dot.is-active { background: #4f46e5; }
28
29 .aibui-carousel-actions { margin-top: 12px; }
30
31