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
Border
Padding
Margin
Alignment of inline Elements
vclAlignLeft
vclAlignRight
vclAlignCentered
vclAlignJustified
Text and Word Wrapping
vclBreakWords
vclNoWrap
vclOverflowEllipsis
Visibility Control
vclOverflowHidden
vclDisplayNone
vclVisibilityHidden
Scrollable Containers
Modifiers:
vclX
: scrollable only along x-axisvclXOnHover
: scrollable only along x-axis when hoveredvclY
: scrollable only along y-axisvclYOnHover
: scrollable only along y-axis when hovered
Text Selection by Users
vclEnableUserSelect
vclDisableUserSelect
Demo
example.html on GH-pages.