Footer

2 minute read

Controls the background color and image for the footer bar.

  • Variable Name: footer_background
  • Data Type: background

Default Values

  • color: global_palette_accent_01.color

Controls the border width, style, and color for the top border on the footer block.

  • Variable Name: footer_border
  • Data Type: border

Default Values

  • units: px
  • width: 1
  • style: solid
  • color: global_palette_fill_02.color
    • inherit_param_color: #F8F8F8|-54, -54, -54

Footer Copyright Text Color

Controls the text color for the footer copyright text.

  • Variable Name: footer_copyright_text_color
  • Data Type: color

Default Values

  • color: global_palette_text_01.color
    • inherit_param_color: #252C2F|-2, 5, 8

Controls the font family, size, and style for the footer.

  • Variable Name: footer_font_style
  • Data Type: font

Default Values

  • units: rem
  • family: global_text_font.family
  • size: 1.1
  • lineheight: global_text_font.lineheight
  • weight: global_text_font.weight
  • style: global_text_font.style
  • variant: global_text_font.variant

Controls the height of the footer bar.

  • Variable Name: footer_height
  • Data Type: size

Default Values

  • units: px
  • size: 47

Controls the text color for the footer links.

  • Variable Name: footer_list_item_color
  • Data Type: color

Default Values

  • color: global_palette_text_03.color
    • inherit_param_color: #FFFFFF|-45, -45, -45

Controls the text color for the footer links when the mouse is over them.

  • Variable Name: footer_list_item_color_hover
  • Data Type: color

Default Values

Controls the divider color between footer links.

  • Variable Name: footer_list_item_divider_color
  • Data Type: color

Default Values

  • color: global_palette_fill_02.color
    • inherit_param_color: #F8F8F8|-54, -54, -54

Controls the spacing between the footer links.

  • Variable Name: footer_list_item_spacing
  • Data Type: size

Default Values

  • units: px
  • size: 10

Footer List Item Text Decoration

Controls the text decoration for the footer links.

  • Variable Name: footer_list_item_text_decoration
  • Data Type: textdecoration

Default Values

  • none: 1

Footer List Item Text Decoration Hover

Controls the text decoration for the footer links when the mouse is over them.

  • Variable Name: footer_list_item_text_decoration_hover
  • Data Type: textdecoration

Default Values

  • underline: 1

Footer Text Transform

Controls text transformation for the text in the footer.

  • Variable Name: footer_text_transform
  • Data Type: texttransform

Default Values

  • texttransform: uppercase
updated: 2021-09-13 09:08pm | Version: 5.6.5 Alpha 10