ModuleTabs
3 minute read
Module Tab Background
Controls the background color and image for module tabs.
- Variable Name: module_tab_background
- Data Type: background
Default Values
- color: global_palette_fill_02.color
Module Tab Background Active
Controls the background color and image for the currently selected module tab.
- Variable Name: module_tab_background_active
- Data Type: background
Default Values
- color: global_palette_fill_01.color
Module Tab Border
Controls the border width, style, and color for tabs in modules.
- Variable Name: module_tab_border
- Data Type: border
Default Values
- units: px
- width: 1
- style: solid
- color: global_palette_fill_02.color
- inherit_param_color: #F8F8F8|-47, -42, -38
Module Tab Border Active
Controls the border width, style, and color for the currently selected tab in modules.
- Variable Name: module_tab_border_active
- Data Type: border
Default Values
- units: module_tab_border.units
- width: module_tab_border.width
- style: module_tab_border.style
- color: module_tab_border.color
Module Tab Border Radius Size
Controls the size of the curved corners on module tabs.
- Variable Name: module_tab_border_radius_size
- Data Type: size
Default Values
- units: px
- size: 3
Module Tab Font
Controls the font family, size, and style for module tabs.
- Variable Name: module_tab_font
- Data Type: font
Default Values
- units: rem
- family: global_text_font.family
- size: 1.1
- lineheight: global_text_font.lineheight
- weight: bold
- style: global_text_font.style
- variant: global_text_font.variant
Module Tab Font Active
Controls the font family, size, and style for the currently active module tab.
- Variable Name: module_tab_font_active
- Data Type: font
Default Values
- units: module_tab_font.units
- family: module_tab_font.family
- size: module_tab_font.size
- lineheight: module_tab_font.lineheight
- weight: module_tab_font.weight
- style: module_tab_font.style
- variant: module_tab_font.variant
Module Tab Height
Controls the height for the module tabs.
- Variable Name: module_tab_height
- Data Type: size
Default Values
- units: rem
- size: 2.6
Module Tab Text Color
Controls the text color for inactive module tabs.
- Variable Name: module_tab_text_color
- Data Type: color
Default Values
- color: global_palette_text_01.color
- inherit_param_color: #252C2F|-94, -91, -90
Module Tab Text Color Active
Controls the text color for the currently selected module tab.
- Variable Name: module_tab_text_color_active
- Data Type: color
Default Values
- color: global_palette_text_01.color
- inherit_param_color: #252C2F|-15, -14, -14
Module Tab Text Color Hover
Controls the text color for inactive module tabs when the mouse is over them.
- Variable Name: module_tab_text_color_hover
- Data Type: color
Default Values
- color: global_palette_text_01.color
- inherit_param_color: #252C2F|-15, -14, -14
Module Tab Text Decoration
Controls the text decoration for module tabs.
- Variable Name: module_tab_text_decoration
- Data Type: textdecoration
Default Values
- none: 1
Module Tab Text Decoration Active
Controls the text decoration for module tabs when they are selected or active.
- Variable Name: module_tab_text_decoration_active
- Data Type: textdecoration
Default Values
- none: 1
Module Tab Text Decoration Hover
Controls the text decoration for module tabs when the mouse is over them.
- Variable Name: module_tab_text_decoration_hover
- Data Type: textdecoration
Default Values
- none: 1
Module Tab Text Transform
Controls text transformation for the text in module tabs.
- Variable Name: module_tab_text_transform
- Data Type: texttransform
Default Values
- texttransform: uppercase
Module Tabbar Border Radius Size
Controls the size of the curved corners on the containing element for the module tabs.
- Variable Name: module_tabbar_border_radius_size
- Data Type: size
Default Values
- units: module_tab_border_radius_size.units
- size: module_tab_border_radius_size.size
updated: 2021-09-13 09:08pm | Version: 5.6.5 Alpha 10