aitom

aitom-frontenddependencies

Utility for copying frontend dependecies to vendor folders

aitom-googlemap

JS library for better work with google maps

live-form-validation-es6

Nice client-side live form validation for Nette Forms 2.4. Script by default works nicely with Twitter Bootstrap 3.

aitomic-m-toggle

Single collapsible panel. Often used as an item in component o-accordion.

aitomic-o-accordion

Group of collapsible panels. Available tag (for CMS A5) is _`accordion-all-open`_ to open all panels. Default behaviour is open just active panel and other close.

aitomic-base

The cornerstone of Aitomic Docs, contains setup of javascript and sass variables, mixins, functions, grid, normalizer and helpers.

aitomic-docs

Documentation of atoms, molecules and organisms by AITOM, that's we call Aitomic Docs.

aitomic-a-animate

CSS solution for animation. Animation start javascript event from native IntersectionObserver function. Use these available classes to different animation with javascript selector 'jq_intersection':

aitomic-a-background

This is absolutely positioned background element. For maximum performance combine with native attribute loading="lazy".

aitomic-a-button

Default style of a button to simple and easy customization. Button's alignment controls text-align property.

aitomic-a-form-description

CSS class to style a description of form field. Add class to paragraph tag in the most cases.

aitomic-a-form-error

A CSS class to style a error message of form field. To use in CMS A5 add this class to options of javascript function LiveForm.

aitomic-a-form-input

Default input style to simple and easy customization using global SASS mixin @input from package aitomic-base.

aitomic-a-form-select

Default style of select field to simple and easy customization using global SASS mixin @input from package aitomic-base.

aitomic-a-form-textarea

Default style of textarea field to simple and easy customization using global SASS mixin @input from package aitomic-base.

aitomic-a-form-label

A CSS class to style a label of form field. Add class to label tag in the most cases.

aitomic-a-icon

Display icon using these CSS classes based on icon font. CSS classes are generating according $icons variable in package aitomic-base.

aitomic-a-max-width

This helps setup max width of container. These CSS classes are generating according $container-max-widths variable in package aitomic-base.

aitomic-a-line

A single line separator or combine of headline and separator. Position of the line controls text-align property. Check {latte} source template to discover available options.

aitomic-m-aitom-logo

Display AITOM logo with hover animation. Size of the logo controls font-size property.

aitomic-m-breadcrumb

Template of macro {control} to display breadcrumbs. Include this template to 'breadcrumbsControl.latte' using macro `{layout '../path-to-latte-template'}`

aitomic-m-buttons

Group of buttons. Button's alignment controls text-align property.

aitomic-m-form-checkbox

Default style of checkbox field and checkbox list based on icon font.

aitomic-m-form-date

Default style of date field to simple and easy customization using global SASS mixin @input from package aitomic-base and javascript plugin [PickMeUp](https://github.com/nazar-pc/PickMeUp). Installation of dependencies is fully automatic.

aitomic-m-form-group

Default style of form elements (field and label) that's together creates what we called `m-form-group`. There are prepared style with label above field and style with label inside field as placeholder (in this case notice the attribute `onblur` on input f