A burger. The dimensions are set with the "width" and "height" styles.

Add class "active" or "hylo-active" to turn it to "X".

Properties

angle: string

The degree of the X strokes to each other. Default is "90deg". Can also be set through --hylo-glyph-burger-angle.

height: string

The height as css style or as an JSON object of css styles. The object can contain the keys 'default', 'xl', 'lg', 'md', 'sm', 'xs'. A hylo-breakpoint-listener has to be present. e.g. {"default": "20px", "xs": "15px", "sm": "15px"}

Can also be set as --hylo-glyph-height.

hideMiddle: boolean

Hides the middle stroke.

leftBottom: string

The left position of the bottom stroke. Default is "0%". Can also be set through --hylo-glyph-burger-left-bottom.

leftMiddle: string

The left position of the middle stroke. Default is "0%". Can also be set through --hylo-glyph-burger-left-middle.

leftTop: string

The left position of the top stroke. Default is "0%". Can also be set through --hylo-glyph-burger-left-top.

lengthBottom: string

The length of the bottom stroke in reference of the elements width. Default is "100%". Can also be set through --hylo-glyph-burger-length-bottom.

lengthMiddle: string

The length of the middle stroke in reference of the elements width. Default is "100%". Can also be set through --hylo-glyph-burger-length-middle.

lengthTop: string

The length of the top stroke in reference of the elements width. Default is "100%". Can also be set through --hylo-glyph-burger-length-top.

rounded: boolean

Sets rounded lines.

size: string

The stroke thickness or an JSON object of thickness. The object can contain the keys 'default', 'xl', 'lg', 'md', 'sm', 'xs'. e.g. {"default": "5px", "xs": "3px", "sm": "3px"}

Can also be set through --hylo-glyph-burger-size.

width: string

The width as css style or as an JSON object of css styles. The object can contain the keys 'default', 'xl', 'lg', 'md', 'sm', 'xs'. A hylo-breakpoint-listener has to be present. e.g. {"default": "20px", "xs": "15px", "sm": "15px"}

Can also be set as --hylo-glyph-width.

Generated using TypeDoc