123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250 |
- @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 "treegrid";
- @import "tree8";
- @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(tree8) {
- @include valo-tree8;
- }
-
- @if v-is-included(treegrid) {
- @include valo-treegrid;
- }
-
- @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;
- }
-
- }
|