# ablocks/2.9.0/assets/build/blocks/toggle/style.css

aBlocks – Gutenberg Blocks, User Dashboard Builder, Popup Builder, Form Builder & Animation Builder, version 2.9.0. 1 lines.

- Page: https://pluginprobe.com/plugins/ablocks/2.9.0/code/assets/build/blocks/toggle/style.css
- Raw: https://pluginprobe.com/plugins/ablocks/2.9.0/raw/assets/build/blocks/toggle/style.css
- Modified: 2025-07-14T14:48:20+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/ablocks/2.9.0/code/assets/build/blocks/toggle/style.css#L10-L20`.

```css
.ablocks-block--toggle-child,.ablocks-toggle__child{display:none}.ablocks-block--toggle-child--active,.ablocks-toggle__child--active,.ablocks-toggle__child--editor .ablocks-block--toggle-child{display:block}.ablocks-toggle__topbar-wrapper{align-items:center;column-gap:15px;display:inline-flex;flex-wrap:wrap;margin:10px 0}.ablocks-toggle__topbar-wrapper .ablocks-toggle__label{font-weight:500}.ablocks-toggle__switch{display:inline-block;height:var(--ablocks-toggle-switch-height);position:relative;width:var(--ablocks-toggle-switch-width);--ablocks-toggle-switch-ball-size:calc(var(--ablocks-toggle-switch-height) - 6px)}.ablocks-toggle__switch input{height:0;opacity:0;width:0}.ablocks-toggle__slider{bottom:0;cursor:pointer;left:0;right:0;top:0}.ablocks-toggle__slider,.ablocks-toggle__slider:before{position:absolute;-webkit-transition:.4s;transition:.4s}.ablocks-toggle__slider:before{bottom:4px;content:"";height:var(--ablocks-toggle-switch-ball-size);left:4px;top:3px;width:var(--ablocks-toggle-switch-ball-size)}input.ablocks-toggle__checkbox:checked+.ablocks-toggle__slider:before{-webkit-transform:translateX(calc(var(--ablocks-toggle-switch-width) - var(--ablocks-toggle-switch-ball-size) - 8px));-ms-transform:translateX(calc(var(--ablocks-toggle-switch-width) - var(--ablocks-toggle-switch-ball-size) - 8px));transform:translateX(calc(var(--ablocks-toggle-switch-width) - var(--ablocks-toggle-switch-ball-size) - 8px))}.ablocks-toggle__slider--round{border-radius:340px}.ablocks-toggle__slider--round:before{border-radius:50%}
```