# ai-builder/2.2.2/assets/js/src/editor-blocks/tabs/style.css

AI Builder – Generate pages, blocks, images & translate with AI, version 2.2.2. 11 lines.

- Page: https://pluginprobe.com/plugins/ai-builder/2.2.2/code/assets/js/src/editor-blocks/tabs/style.css
- Raw: https://pluginprobe.com/plugins/ai-builder/2.2.2/raw/assets/js/src/editor-blocks/tabs/style.css
- Modified: 2025-09-23T08:27:40+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/ai-builder/2.2.2/code/assets/js/src/editor-blocks/tabs/style.css#L10-L20`.

```css
.aibui-tabs{--border:#e5e7eb;--text:#111827;--muted:#6b7280}
/* Apply within any .aibui-tabs container (editor + frontend) */
.aibui-tabs .aibui-tabs-header{display:flex;gap:8px;border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:12px;flex-wrap:wrap}
.aibui-tabs .aibui-tab-btn{position:relative;background:#f9fafb;border:1px solid var(--border);border-radius:8px;padding:6px 10px;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.aibui-tabs .aibui-tab-btn.is-active{background:#ffffff;border-color:#4f46e5;box-shadow:0 0 0 2px rgba(79,70,229,.15)}
.aibui-tabs .aibui-tab-remove{background:transparent;border:0;color:#6b7280;cursor:pointer}
.aibui-tabs .aibui-tabs-panels{min-height:80px}
.aibui-tabs .aibui-tab-panel{display:none}
.aibui-tabs .aibui-tab-panel.is-active{display:block}


```