ubc-tabs-block

An accessible, tabs block for the WordPress content editor

Styles such as tab nav background color, text color, border, etc can be override using css variables. A list of available css variables below.

1. --ubc-tabs-block-tab-nav-background - default is #fff
2. --ubc-tabs-block-tab-nav-text-color - default is #0075af
3. --ubc-tabs-block-tab-nav-border-background - default is #d8d8d8
4. --ubc-tabs-block-tab-nav-selected-background - default is #fff
5. --ubc-tabs-block-tab-nav-selected-text-color - default is #0075af
6. --ubc-tabs-block-tab-nav-top-border-height - default is 5px
7. --ubc-tabs-block-tab-nav-top-border-color - default is #0075af
8. --ubc-tabs-block-content-border-color - default is #d8d8d8
9. --ubc-tabs-block-accordion-trigger-background - default is #0075af
10. --ubc-tabs-block-accordion-trigger-text-color - default is #fff
11. --ubc-tabs-block-accordion-trigger-background - default is #00537c
12. --ubc-tabs-block-accordion-trigger-text-color - default is #fff
13. --ubc-tabs-block-accordion-trigger-selected-background - default is #0075af
14. --ubc-tabs-block-accordion-trigger-selected-text-color - default is #fff

Attribution

Block Icons created by PICOL at https://www.iconfinder.com/icons/103718/tab_icon