_BuildingExplorer.scss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. @import "BuildingLevelPicker";
  2. @import "BuildingPhasePicker";
  3. @import "BuildingDisciplinesTree";
  4. @mixin buildingExplorer() {
  5. $base: "esri-building-explorer";
  6. $loading-container: "#{$base}__loading-container";
  7. $section: "#{$base}__section";
  8. $panel--error: "#{$base}__panel--error";
  9. .#{$base} {
  10. position: relative;
  11. padding: $side-spacing;
  12. width: $panel-width;
  13. max-width: 100%;
  14. max-height: calc(100vh - #{$side-spacing--double});
  15. overflow: hidden auto;
  16. .esri-widget__heading {
  17. font-weight: $font-weight;
  18. }
  19. }
  20. .#{$loading-container} {
  21. text-align: center;
  22. calcite-loader {
  23. box-sizing: content-box;
  24. }
  25. }
  26. .#{$section}:not(:last-child) {
  27. margin-bottom: $side-spacing--double;
  28. }
  29. .#{$panel--error} {
  30. margin: 0;
  31. animation: esri-fade-in 250ms ease-in-out;
  32. color: $font-color--error;
  33. }
  34. }
  35. @if $include_BuildingExplorer == true {
  36. @include buildingLevelPicker();
  37. @include buildingPhasePicker();
  38. @include buildingDisciplinesTree();
  39. @include buildingExplorer();
  40. }