Quick Floats
- .pull-right - float right.
- .pull-left - float left.
Show/Hide
- .cnqr-hide - hide content (using display:none)
- .cnqr-show - show content (using display:block)
- .cnqr-show-inline-block - show content (using display:inline-block) rarely needed
Alignment
- text-left Left aligned text.
- text-center Center aligned text.
- text-right Right aligned text.
- text-justify Justified text.
- text-nowrap No wrap text.
- center-block Align a block center
Cursors
- .cnqr-cursor-pointer - set cursor to pointer (using cursor:pointer)
- .cnqr-cursor-default - set cursor to pointer (using cursor:default)
- .cnqr-cursor-help - set cursor to help (using cursor:default)
State Colors for Text
- .text-info - Information message.
- .text-success - Success message.
- .text-warning - Warning message.
- .text-danger - Error message.
Misc.
- .cnqr-full-width - set width to 100% (using width:100%)
- .cnqr-pending - pending content
- .cnqr-currency.cnqr-fancy - using currency symbol ($500.00) or using currency code (250.00 BHD)
Open definition Gateway Helper Classes
There are no global styles associated with these.
- .cnqr-first - Generally used to strip or lessen padding and/or margins, due to the fact the element is the first of its type
- .cnqr-last - Generally used to strip or lessen padding and/or margins, due to the fact the element is the last of its type
- .cnqr-condensed - Generally used to strip or lessen padding and/or margins.
- .cnqr-expanded - Generally used to increase padding and/or margins.
- .cnqr-inner - Generally used to provide a wrapping container, such as for padding, or for DOM manipulation
- .cnqr-outer - Used in conjunction with .inner, when 2 layers of wrapping (vertically centering, for example) or DOM manipulation
- .cnqr-scrollable - Generally used when making an area scrollable.
Partially Defined Gateway Helper Classes
A few examples of some of the variations of these are below
- .cnqr-muted - Generally used to de-emphasize
- .cnqr-create - For creation or new actions
.cnqr-create
For creation or new actions
Element Type
Original Element
Element with .cnqr-create
H1
Hello world
Hello world