Utils

Provides some basic utility classes to speed up and improve your development.

Install

Add @vishnucss/utils dependency to your project:

yarn add @vishnucss/utils
<link rel="stylesheet" href="https://unpkg.com/@vishnucss/utils" />

Summary

  • pull-left - float left
  • pull-right - float right
  • text-center - center align text
  • text-left - left align text
  • text-right - right align text
  • horizontal-align - horizontally align an element
  • vertical-align - vertical align an element
  • start - align children to the start
  • end - align children to the end
  • center - align children to the center
  • wrap - display wrap elements children
  • full-screen - make element full screen
  • full-width - make element full width size
  • full-height - make element full height size
  • flex - display elements flex
  • fixed - make element full width and fixed
  • column - display elements column
  • absolute - make element absolute
  • relative - make element relative
  • truncate - make a single straight line with ellipsis
  • hide - hide elements