Scale

Original size Scaled class
.scale-down-1
.scale-down-2
.scale-down-3
.scale-down-4
.scale-up-1
.scale-up-2
.scale-up-3
.scale-up-4

:hover

Class: .hover-scale-{size}

<div class="bg-blue h-l3 w-l3 ease-200 hover-scale-up-2"></div>

Responsive variants

Shorthand format for responsive .{breakpoint}-scale-{value}

Resize the screen to see the changes
<div class="scale-down-2 md-scale-up-2 lg-scale-up-4"></div>