Framevuerk - Helper

Installation
- Setup
- Customize
Components
- Form
- Dialog
  - Dialog Box
  - Popup Menu
- Layout
- Other
Styles
- Grid
- Helper

Code:

HTML

 <div class="fv-padding"></div> <div class="fv-padding-start"></div> <div class="fv-padding-bottom"></div>  <div class="fv-margin"></div> <div class="fv-margin-end"></div> <div class="fv-margin-top"></div>  <div class="fv-border fv-shadow fv-radius"></div>

API:

Name	Description
.fv-hidden	Hide element.
.fv-hidden-{xs\|sm\|md\|lg\|xl}	Hide element based on viewport size
.fv-{margin\|padding}	Apply configured padding variable of framevuerk to padding/margin of element.
.fv-{margin\|padding}-sm	Apply half size of configured padding variable of framevuerk to padding/margin of element.
.fv-no-{margin\|padding}	Remove padding/margin from element.
.fv-{margin\|padding}-{start\|end\|top\|buttom}	Apply configured padding variable of framevuerk to padding/margin of mentioned direction of element.
.fv-{margin\|padding}-{start\|end\|top\|buttom}-sm	Apply half size of configured padding variable of framevuerk to padding/margin of mentioned direction of element.
.fv-border	Apply border to element based on color of framevuerk configured bg-color.
.fv-no-border	Remove border from element.
.fv-border-{start\|end\|top\|buttom}	Apply border to mentioned direction of element based on color of framevuerk configured bg-color.
.fv-{text\|bg}-{primary\|secondary\|info\|danger\|warning\|light\|dark}	Apply mentioned color to text/background of element based on colors in config file.
.fv-text-{start\|end\|center\|justify\|left\|right}	Apply mentioned text align to element based of framevuerk configured direction.
.fv-font-mono	Apply monospace font to element.
.fv-dir-{start\|end}	Apply direction to element based of framevuerk configured direction.
.fv-{rtl\|ltr}	Apply direction to element.
.fv-shadow	Apply shadow to element.
.fv-no-shadow	Remove shadow from element.
.fv-radius	Apply border-radius to element.
.fv-no-radius	Remove border-radius from element.
.fv-pull-{start\|end}	Apply float of element to mentioned direction.
.fv-clear-both	Set clear css prop to both.
.fv-pointer	Set mouse cursor to finger on hover of element.
.fv-link	Apply link style to a element.
.fv-hr	Apply line style to hr element.
.fv-block	Apply display block style to element.
.fv-inline-block	Apply display inline-block style to element.
.fv-inline	Apply display inline style to element.
.fv-flex-{col\|row}	Apply display flex style to element with flex-direction set to column/row.
.fv-grow	Apply flex-grow: 1 style to element.
.fv-disabled	Apply default disabled style of Framevuerk to element.
.fv-invalid	Apply default invalid style (mostly uses for box input element) of Framevuerk to element.