Note: This property doesn’t work with inline elements and block elements for which the overflow property is set to visible.



This option sets the direction of the resize property. Accepts both, horizontal, vertical, none values. The default value is set to both.


This option adjust the overflow property. Default value is set to auto.


Simply call the mixin without passing any arguments.

A tiny icon will appear in the lower right corner of the box below, grab it and try resizing the box.
  @include resizable;
//CSS Output
.element {
  resize: both;
  overflow: auto;
  max-width: 100%;