node package manager
Stop writing boring code. Discover, share, and reuse within your team. Create a free org ยป

vcl-utils

VCL utils

Basic utility classes.

Features

Utility classes for:

  • Floated elements
  • Box model manipulation
  • Alignment of inline elements
  • Text and word wrapping
  • Visibility control
  • Scrollable containers
  • Text selection by users

Usage

Inline Element Alignment

inline-element-alignment example

Scrollable Containers

scrollable-containers example

Text and Word Wrapping

text-and-word-wrapping example

Classes

Float Helpers

  • vclFloatLeft
  • vclFloatRight
  • vclFloatNone
  • vclClearFix
  • vclClear

Block Element alignment

  • vclCenterBlock

Border

  • vclNoBorder

Padding

  • vclNoPadding

Margin

  • vclNoMargin

Alignment of inline Elements

  • vclAlignLeft
  • vclAlignRight
  • vclAlignCentered
  • vclAlignJustified

Text and Word Wrapping

  • vclBreakWords
  • vclNoWrap
  • vclOverflowEllipsis

Visibility Control

  • vclOverflowHidden
  • vclDisplayNone
  • vclVisibilityHidden

Scrollable Containers

  • vclScrollable

Modifiers:

  • vclX: scrollable only along x-axis
  • vclXOnHover: scrollable only along x-axis when hovered
  • vclY: scrollable only along y-axis
  • vclYOnHover: scrollable only along y-axis when hovered

Text Selection by Users

  • vclEnableUserSelect
  • vclDisableUserSelect

Demo

example.html on GH-pages.