# b-blocks/2.1.5/build/toggle-content/view.css

bBlocks – Essential Gutenberg Blocks & Patterns Collection, version 2.1.5. 2 lines.

- Page: https://pluginprobe.com/plugins/b-blocks/2.1.5/code/build/toggle-content/view.css
- Raw: https://pluginprobe.com/plugins/b-blocks/2.1.5/raw/build/toggle-content/view.css
- Modified: 2026-09-08T06:50:34+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/b-blocks/2.1.5/code/build/toggle-content/view.css#L10-L20`.

```css
.wp-block-b-blocks-toggle-content,.wp-block-b-blocks-toggle-content *{box-sizing:border-box}.wp-block-b-blocks-toggle-content .b-blocks-toggle-content__wrapper .b-blocks-toggle-content__head{display:flex;padding:10px 0;transition:all .3s ease-in-out;width:100%}.wp-block-b-blocks-toggle-content .b-blocks-toggle-content__wrapper .b-blocks-toggle-content__head .b-blocks-toggle-content-switch__wrapper{align-items:center;display:inline-flex;gap:10px}.wp-block-b-blocks-toggle-content .b-blocks-toggle-content__wrapper .b-blocks-toggle-content__head .b-blocks-toggle-content-switch__wrapper .b-blocks-toggle-content__label{transition:.3s}.wp-block-b-blocks-toggle-content .b-blocks-toggle-content__wrapper .b-blocks-toggle-content__head .b-blocks-toggle-content-switch__wrapper .b-blocks-toggle-content__switch{background:#ddd;cursor:pointer;flex:0 0 auto;height:30px;position:relative;transition:.4s;width:60px}.wp-block-b-blocks-toggle-content .b-blocks-toggle-content__wrapper .b-blocks-toggle-content__head .b-blocks-toggle-content-switch__wrapper .b-blocks-toggle-content__switch.is-b{background:#146ef5}.wp-block-b-blocks-toggle-content .b-blocks-toggle-content__wrapper .b-blocks-toggle-content__head .b-blocks-toggle-content-switch__wrapper .b-blocks-toggle-content__switch .b-blocks-toggle-content__knob{background:#fff;height:24px;left:3px;position:absolute;top:3px;transition:.4s;width:24px}.wp-block-b-blocks-toggle-content .b-blocks-toggle-content__wrapper .b-blocks-toggle-content__head .b-blocks-toggle-content-switch__wrapper .b-blocks-toggle-content__switch.b-blocks-toggle-content-switch-rounded,.wp-block-b-blocks-toggle-content .b-blocks-toggle-content__wrapper .b-blocks-toggle-content__head .b-blocks-toggle-content-switch__wrapper .b-blocks-toggle-content__switch.b-blocks-toggle-content-switch-rounded .b-blocks-toggle-content__knob{border-radius:999px}.wp-block-b-blocks-toggle-content .b-blocks-toggle-content__wrapper .b-blocks-toggle-content__head .b-blocks-toggle-content-switch__wrapper .b-blocks-toggle-content__switch.b-blocks-toggle-content-switch-rectangle,.wp-block-b-blocks-toggle-content .b-blocks-toggle-content__wrapper .b-blocks-toggle-content__head .b-blocks-toggle-content-switch__wrapper .b-blocks-toggle-content__switch.b-blocks-toggle-content-switch-rectangle .b-blocks-toggle-content__knob{border-radius:0}.wp-block-b-blocks-toggle-content .b-blocks-toggle-content__wrapper .is-b .b-blocks-toggle-content__knob{transform:translateX(30px)}.wp-block-b-blocks-toggle-content .b-blocks-toggle-content__wrapper.is-a .b-blocks-toggle-content__panel--b,.wp-block-b-blocks-toggle-content .b-blocks-toggle-content__wrapper.is-b .b-blocks-toggle-content__panel--a{display:none}

```