| @import "absolutelayout"; |
| @import "accordion"; |
| @import "button"; |
| @import "calendar"; |
| @import "checkbox"; |
| @import "colorpicker"; |
| @import "combobox"; |
| @import "csslayout"; |
| @import "customcomponent"; |
| @import "customlayout"; |
| @import "datefield"; |
| @import "dragwrapper"; |
| @import "form"; |
| @import "formlayout"; |
| @import "grid"; |
| @import "gridlayout"; |
| @import "label"; |
| @import "link"; |
| @import "loginform"; |
| @import "menubar"; |
| @import "nativebutton"; |
| @import "nativeselect"; |
| @import "notification"; |
| @import "optiongroup"; |
| @import "orderedlayout"; |
| @import "panel"; |
| @import "popupview"; |
| @import "progressbar"; |
| @import "richtextarea"; |
| @import "slider"; |
| @import "splitpanel"; |
| @import "table"; |
| @import "tabsheet"; |
| @import "textfield"; |
| @import "textarea"; |
| @import "tree"; |
| @import "treetable"; |
| @import "twincolselect"; |
| @import "upload"; |
| @import "widget"; |
| @import "window"; |
| @import "valo-menu"; |
| |
| |
| /** |
| * Outputs all the selectors and properties for all individual components to produce |
| * the variation specified by global variables. |
| * |
| * This mixin can be called multiple times for a theme, if you for instance wish to |
| * generate alternative color versions of the components. |
| * |
| * @example scss |
| * .my-theme { |
| * // The default color variation |
| * @include valo; |
| * |
| * .sidebar { |
| * // For the sidebar context, we generate a darker variant of all components |
| * $v-background-color: #696969; |
| * background-color: $v-background-color; |
| * @include valo-components; |
| * } |
| * } |
| */ |
| @mixin valo-components { |
| |
| @if v-is-included(absolutelayout) { |
| @include valo-absolutelayout; |
| } |
| |
| @if v-is-included(orderedlayout) or v-is-included(verticallayout) or v-is-included(horizontallayout) { |
| @include valo-orderedlayout; |
| } |
| |
| @if v-is-included(button) { |
| @include valo-button; |
| } |
| |
| @if v-is-included(checkbox) or v-is-included(optiongroup) { |
| @include valo-checkbox; |
| } |
| |
| @if v-is-included(combobox) { |
| @include valo-combobox; |
| } |
| |
| @if v-is-included(csslayout) { |
| @include valo-csslayout; |
| } |
| |
| @if v-is-included(customcomponent) { |
| @include valo-customcomponent; |
| } |
| |
| @if v-is-included(customlayout) { |
| @include valo-customlayout; |
| } |
| |
| @if v-is-included(form) { |
| @include valo-form; |
| } |
| |
| @if v-is-included(formlayout) { |
| @include valo-formlayout; |
| } |
| |
| @if v-is-included(grid) { |
| @include valo-grid; |
| } |
| |
| @if v-is-included(textfield) { |
| @include valo-textfield; |
| } |
| |
| @if v-is-included(textarea) { |
| @include valo-textarea; |
| } |
| |
| @if v-is-included(datefield) { |
| @include valo-datefield; |
| @include valo-inline-datefield; |
| } |
| |
| @if v-is-included(gridlayout) { |
| @include valo-gridlayout; |
| } |
| |
| @if v-is-included(menubar) { |
| @include valo-menubar; |
| } |
| |
| @if v-is-included(optiongroup) { |
| @include valo-optiongroup; |
| } |
| |
| @if v-is-included(link) { |
| @include valo-link; |
| } |
| |
| @if v-is-included(window) { |
| @include valo-window; |
| } |
| |
| @if v-is-included(tree) { |
| @include valo-tree; |
| } |
| |
| @if v-is-included(table) or v-is-included(treetable) { |
| @include valo-table; |
| } |
| |
| @if v-is-included(treetable) { |
| @include valo-treetable; |
| } |
| |
| @if v-is-included(splitpanel) { |
| @include valo-splitpanel; |
| } |
| |
| @if v-is-included(progressbar) { |
| @include valo-progressbar; |
| } |
| |
| @if v-is-included(progressindicator) { |
| @include valo-progressbar($primary-stylename: v-progressindicator); |
| } |
| |
| @if v-is-included(slider) { |
| @include valo-slider; |
| } |
| |
| @if v-is-included(tabsheet) { |
| @include valo-tabsheet; |
| } |
| |
| @if v-is-included(colorpicker) { |
| @include valo-colorpicker; |
| } |
| |
| @if v-is-included(panel) { |
| @include valo-panel; |
| } |
| |
| @if v-is-included(accordion) { |
| @include valo-accordion; |
| } |
| |
| @if v-is-included(twincolselect) { |
| @include valo-twincolselect; |
| } |
| |
| @if v-is-included(nativeselect) { |
| @include valo-nativeselect; |
| } |
| |
| @if v-is-included(calendar) { |
| @include valo-calendar; |
| } |
| |
| @if v-is-included(label) { |
| @include valo-label; |
| } |
| |
| @if v-is-included(dragwrapper) { |
| @include valo-dragwrapper; |
| } |
| |
| @if v-is-included(loginform) { |
| @include valo-loginform; |
| } |
| |
| @if v-is-included(nativebutton) { |
| @include valo-nativebutton; |
| } |
| |
| @if v-is-included(nativeselect) { |
| @include valo-nativeselect; |
| } |
| |
| @if v-is-included(popupview) { |
| @include valo-popupview; |
| } |
| |
| @if v-is-included(richtextarea) { |
| @include valo-richtextarea; |
| } |
| |
| @if v-is-included(upload) { |
| @include valo-upload; |
| } |
| |
| @if v-is-included(notification) { |
| @include valo-notification; |
| } |
| |
| @if v-is-included(valo-menu) { |
| @include valo-menu; |
| } |
| |
| } |