Resizable

Type: Mixin

@include resizable();

* You can call mixins with or without gls- namespace (e.g. @include gls-resizable();).

Resizable Sass mixin helps you to make an element resizable on both horizontal or vertical directions.

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

Arguments

Name	Type	Description
`$direction`	`string`	This option sets the direction of the resize property. Accepts `both`, `horizontal`, `vertical`, `none` values. The default value is set to `both`.
`$overflow`	`string`	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.

.element{
  @include resizable;
}

//CSS Output
.element {
  resize: both;
  overflow: auto;
  max-width: 100%;
}