This is a simple component to set an element to maximal width or height. By calling the listen() method, its size will be changed dynamically.

$ component install mikanda/maximize

maximize(el)
  .both()
  .listen(); // => maximizes the element and listens on the window.resize event
maximize(el, [30,20], 100)
  .both(); // maximizes the element with minimum width/height 100px and expected width = 100%-30px and height = 100%-20px.
maximize(el, 20)
  .height()
  .listen(); //maximizes the element with 100%-20px height and listens on resize.

Returns a new instance of Maximize. el can be a element or a query string. offset is discount to the browsers size and can be an array with width and height or a single value. minimum is the minimum size of the element. It can also be an array.

Maximizes the width and height of the instance.

Maximizes the width of the instance.

Maximizes the height of the instance.

Registers the maximize instance to the browsers resize event.

LGPL