if-min-height

Syntax

if-min-height: (element) integer;

This conditional action will return true if the chosen selector has a minimum display height of the specified value. This is useful if you need to set a class based on an element's height.

element = Selector reference to a specific element.

integer = The minimum height of the element. This can include the "px" or it can be left out.

 

For example, this will return true if the element #myInput has a height greater than 400px.

@conditional ifLargeDiv {
    if-min-height: #myDiv 400px;
}

When used on an event selector with no element in parentheses, it will default to checking "self". Eg. #myDiv:if-min-height(400px): ...

Note: Internally this uses the element.getBoundingClientRect() JavaScript method of fetching the height of the element.