alpaca
Version:
Alpaca provides the easiest and fastest way to generate interactive forms for the web and mobile devices. It runs simply as HTML5 or more elaborately using Bootstrap, jQuery Mobile or jQuery UI. Alpaca uses Handlebars to process JSON schema and provide
234 lines (156 loc) • 3.61 kB
CSS
/** Added to outer field elements to hide them **/
.alpaca-hidden
{
display: none;
}
/** Added to every field outer element **/
.alpaca-field
{
}
/** Added to every container outer field element **/
.alpaca-container
{
}
/** Added to the optional label (or legend) accompanying any container **/
.alpaca-container-label
{
}
/** Added to every container item field within a container **/
.alpaca-container-item
{
}
/** Added to the first container item field within a container **/
.alpaca-container-item-first
{
}
/** Added to the last container item field within a container **/
.alpaca-container-item-last
{
}
/** Added to a container to indicate it is empty **/
.alpaca-container-empty
{
}
/** Added to the dom element holding the toolbar for an array **/
.alpaca-array-toolbar
{
}
/** Added to a button in the array toolbar that triggers an action **/
.alpaca-array-toolbar-action
{
}
/** Added to the dom element holding the actionbar for each array item **/
.alpaca-array-actionbar
{
}
/** Added to a button in an array item actionbar that triggers an action **/
.alpaca-array-actionbar-action
{
}
/** Added to every control outer field element **/
.alpaca-control
{
}
/** Added to the optional label accompanying any control **/
.alpaca-control-label
{
}
/** ******************************************************** **/
/** STATE LABELS **/
/** ******************************************************** **/
/** Added to top-most control when rendering in display mode **/
.alpaca-display
{
}
/** Added to top-most control when rendering in create mode **/
.alpaca-create
{
}
/** Added to top-most control when rendering in edit mode **/
.alpaca-edit
{
}
/** Added to any field that is optional **/
.alpaca-required
{
}
/** Added to any field that is required **/
.alpaca-optional
{
}
/** Added to any field that is readonly **/
.alpaca-readonly
{
}
/** Added to any field that is disabled **/
.alpaca-disabled
{
}
/** Added to the container that holds Alpaca field helper text **/
.alpaca-helper
{
}
/** Added to form containers that are rendering in horizontal mode **/
.alpaca-horizontal
{
}
/** Added to form containers that are rendering in vertical mode **/
.alpaca-vertical
{
}
/** Added to the top most container element **/
.alpaca-top
{
}
/** Added to fields that are valid **/
.alpaca-valid
{
}
/** Added to fields that have run through validation and are invalid **/
.alpaca-invalid
{
}
/** Added to fields that have run through validation and are invalid but are currently hiding invalidation errors **/
.alpaca-invalid-hidden
{
}
/* Added to additional DOM elements to mark validation messages */
.alpaca-message
{
}
/** Added to messages that are for invalidation states that are current hidden (hideInitValidationError) **/
.alpaca-message-hidden
{
}
/** Added to buttons that are marked disabled */
.alpaca-button-disabled
{
}
/** ******************************************************** **/
/** ICONS **/
/** ******************************************************** **/
.alpaca-icon-helper
{
}
.alpaca-icon-required
{
}
/** ******************************************************** **/
/** OTHER **/
/** ******************************************************** **/
.alpaca-autocomplete
{
}
/** Added to indicate hover state **/
.alpaca-hover
{
}
/** General purpose HTML clear **/
.alpaca-clear
{
clear: both;
}
.alpaca-float-right
{
float: right;
}