Backgrounds

The header was initially designed to be collapsed when the width is less than xxl breakpoint, otherwise expanding. The problem is that the header collapsed and looks empty under the lg and xl breakpoint. So we introduce the breakpoint parameter, and use the lg as default to suit most of the cases.

Usage

1[params]
2  [params.hb]
3    [params.hb.header]
4      breakpoint = 'xl'

1params:
2  hb:
3    header:
4      breakpoint: xl

1{
2   "params": {
3      "hb": {
4         "header": {
5            "breakpoint": "xl"
6         }
7      }
8   }
9}

Read more on header’s parameters.