Gerillass: Resizable Sass Mixin

Resizable

Type: Mixin

@include resizable();

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

The Resizable Sass mixin helps you make an element resizable in both the horizontal and vertical directions.

Name	Type	Description
`$direction`	string	Sets the direction of the `resize` property. Accepts the values `both`, `horizontal`, `vertical`, and `none`. The default value is `both`.
`$overflow`	string	Sets the `overflow` property. The default value is `auto`.

Simply call the mixin without passing any arguments.

Sass

.element{
  @include resizable;
}

CSS

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

Result