%html-elements {
  @import "a";
  @import "button";
  @import "input";
  @import "label";
  @import "typography";
  @import "badge";
  @import "fieldset";
  @import "select";
  @import "spacing";
  @import "card";
  @import "form";
  @import "html-elements";
}

%bootstrap-elements {
  @import "../bootstrap/bootstrap";
}

%vaadin-elements {
  @import "../vaadin/v8/vaadin";
}

%devexpress-elements {
  @import "../devexpress/devexpress";
}

// Import Bootstrap with default
@if (get("bootstrap.status")) {
  #{get("root")} {
    @extend %html-elements;
  }
  #{get("selector")} {
    @extend %bootstrap-elements;
  }
}

// Import just Vaadin
@if (get("vaadin.status")) {
  // $config: deep-map-merge($config, (extend-colors:false), true);
  #{get("selector")} {
    @extend %vaadin-elements;
  }
}

// Import just Devexpress
@if (get("devexpress.status")) {
  // $config: deep-map-merge($config, (extend-colors:false), true);
  #{get("selector")} {
    @extend %devexpress-elements;
  }
}

// Import just html
@if (get("bootstrap.status")==false and get("vaadin.status")==false) {
  #{get("root")} {
    @extend %html-elements;
  }
}

@if (get("debug")) {
  @debug "#################: devexpress: " + get("devexpress.status");
  @debug "#################: vaadin: " + get("vaadin.status");
  @debug "#################: bootstrap: " + get("bootstrap.status");
  @debug "#################: extend colors: " + get("extend-colors");
  @debug "#################: extend size: " + get("extend-size");
  @debug "#################: customize: " + get("customize.status");
  @debug "#################: selector: " + get("selector");
  @debug "#################: grid: " + get("grid.status");
  @debug "#################: debug: " + get("debug");
  @debug "###########: useLogoUI: " + get("useLogoUI");
}
