Theme:
SCSS TypeScript

Resizable

Make a block element resizable. You can combine this perfect with the Global Modifier Border and Scrollbar.

The structure of the class names are:

  • .resizable
  • .resizable-{SCREEN_SIZE}
  • .resizable-{VALUE}
  • .resizable-{VALUE}-{SCREEN_SIZE}

The values are:

  • VALUE horizontal, vertical, none
  • SCREEN_SIZE lg, md, sm, xs

Basic Example:

Theme basic Screen size XL
html