Daniel@0: @import "../../../VendorAssetsBundle/Resources/assets/lesshat/3.0.2/lesshat.less";
Daniel@0: 
Daniel@0: @bem-path: "../$/bem";
Daniel@0: @fonts-path: "../$/fonts";
Daniel@0: @local-font-name-prefix: "Web ";
Daniel@0: 
Daniel@0: // ===================================
Daniel@0: // Style
Daniel@0: @--background-color: #fff;
Daniel@0: 
Daniel@0: 
Daniel@0: // ===================================
Daniel@0: // Layout
Daniel@0: 
Daniel@0: // Common
Daniel@0: @--border-radius: 5px;
Daniel@0: @--popup-base-color: rgba(0, 0, 0, 0.5);
Daniel@0: 
Daniel@0: @config-grid--color_main: #696969;
Daniel@0: @config-grid--color_panel-background:    mix(@config-grid--color_main, #fff, 10%);
Daniel@0: @config-grid--color_panel-label:         mix(@config-grid--color_panel-background, #000, 60%);
Daniel@0: @config-grid--color_panel-label-hovered: #000;
Daniel@0: @config-grid_collection--color_main: #3182bd;
Daniel@0:  @config-grid_recording--color_main:  #31a354;
Daniel@0: @config-grid_collection--color_header: mix(@config-grid_collection--color_main, #fff, 40%);
Daniel@0:  @config-grid_recording--color_header:  mix(@config-grid_recording--color_main, #fff, 40%);
Daniel@0: @config-grid_collection--color_panel-background: mix(@config-grid_collection--color_main, #fff, 10%);
Daniel@0:  @config-grid_recording--color_panel-background:  mix(@config-grid_recording--color_main, #fff, 10%);
Daniel@0: @config-grid_collection--color_panel-input: mix(@config-grid_collection--color_main, #fff, 20%);
Daniel@0:  @config-grid_recording--color_panel-input:  mix(@config-grid_recording--color_main, #fff, 20%);
Daniel@0: @config-grid_collection--color_panel-input_modified: mix(@config-grid_collection--color_panel-background, #000, 75%);
Daniel@0:  @config-grid_recording--color_panel-input_modified:  mix(@config-grid_recording--color_panel-background, #000, 75%);
Daniel@0: @config-grid_collection--color_panel-input_error: mix(@config-grid_collection--color_panel-background, #a00, 75%);
Daniel@0:  @config-grid_recording--color_panel-input_error:  mix(@config-grid_recording--color_panel-background, #a00, 75%);
Daniel@0: @config-grid_collection--color_panel-label: mix(@config-grid_collection--color_panel-background, #000, 60%);
Daniel@0:  @config-grid_recording--color_panel-label:  mix(@config-grid_recording--color_panel-background, #000, 60%);
Daniel@0: 
Daniel@0: @config-grid_collection--panel_entity--height: 70px;
Daniel@0:  @config-grid_recording--panel_entity--height: 44px;
Daniel@0: @config-grid_collection--panel_view--width: 250px;
Daniel@0:  @config-grid_recording--panel_view--width: 250px;
Daniel@0:  
Daniel@0:  
Daniel@0: @config-grid_collection--entity-header-height: 42px;
Daniel@0:  @config-grid_recording--entity-header-height: 46px;
Daniel@0: @config-grid_collection--entity-header-height_adder: 30px;
Daniel@0:  @config-grid_recording--entity-header-height_adder: 30px;
Daniel@0: @config-grid--entity-header-margin-top: 5px;
Daniel@0: @config-grid--view-header-height: 26px;
Daniel@0: @config-grid--cells--margin-top: 20px;
Daniel@0: @config-grid--cells--margin-left: 20px;
Daniel@0: @config-grid--cells--margin-bottom: 50px;
Daniel@0: @config-grid--cells--margin-right: 50px;
Daniel@0: @config-grid--cells--margin-between_h: 10px;
Daniel@0: @config-grid--cells--margin-between_v: 10px;
Daniel@0: @config-grid--header-border-size: 5px;
Daniel@0: @config-grid--header-fader-width: 10px;
Daniel@0: @config-grid--cells--header-padding-top_entity: 8px;
Daniel@0: @config-grid--cells--header-padding-top_view: 3px;
Daniel@0: @config-grid--cells--header-padding-left: 8px;
Daniel@0: 
Daniel@0: @config-grid_collection--panel_entity--left: @config-grid_collection--panel_view--width + @config-grid--cells--margin-left;
Daniel@0:  @config-grid_recording--panel_entity--left:  @config-grid_recording--panel_view--width + @config-grid--cells--margin-left;
Daniel@0: 
Daniel@0: @config-grid_collection--panel_view--top: @config-grid_collection--panel_entity--height + @config-grid--entity-header-margin-top + @config-grid_collection--entity-header-height + @config-grid--cells--margin-top;
Daniel@0:  @config-grid_recording--panel_view--top:  @config-grid_recording--panel_entity--height + @config-grid--entity-header-margin-top +  @config-grid_recording--entity-header-height + @config-grid--cells--margin-top;
Daniel@0: 
Daniel@0: @config-grid-panel--command-size: 25px;
Daniel@0: @config-grid-panel--command-margin-h_views: 5px;
Daniel@0: @config-grid_collection--panel_entity--main-area-margin-top: 12px;
Daniel@0: @config-grid_collection--panel_entity--main-area-margin-left: 13px;
Daniel@0: @config-grid_recording--panel_entity--main-area-margin-top: 10px;
Daniel@0: @config-grid_recording--panel_entity--main-area-margin-left: 13px;
Daniel@0: @config-grid-panel_view--main-area-margin-left: 15px;
Daniel@0: @config-grid-panel_view--main-area-margin-right: 15px;
Daniel@0: 
Daniel@0: @config-grid-panel--input-padding_left: 5px;
Daniel@0: @config-grid-panel--input-padding_right: 5px;
Daniel@0: @config-grid-panel--input-padding_top: 5px;
Daniel@0: @config-grid-panel--input-padding_bottom: 5px;
Daniel@0: 
Daniel@0: @help--margin: 20px;
Daniel@0: @help--box-shadow: 0px 5px 20px 5px @--popup-base-color;
Daniel@0: @help--toc-width: 200px;
Daniel@0: @help--toc-hiding-threshold: 500px;
Daniel@0: 
Daniel@0: @sample-vis--header-width: 150; 
Daniel@0: @sample-vis--header-height: 150;
Daniel@0: @sample-vis--col-header-height: 100;
Daniel@0: @sample-vis--row-header-height: 20;
Daniel@0: 
Daniel@0: @main-menu--background-color: #000;
Daniel@0: @main-menu--height: 28px;
Daniel@0: @main-menu--logo-width: 300px;
Daniel@0: @main-menu--logo-v-offset: -2px; 
Daniel@0: 
Daniel@0: @main-menu-bar--item-color_2collections: @config-grid_collection--color_main;
Daniel@0: @main-menu-bar--item-color_2recordings:   @config-grid_recording--color_main;
Daniel@0: @main-menu-bar--item-color_2collections_active: mix(@main-menu-bar--item-color_2collections, #fff, 60%);
Daniel@0: @main-menu-bar--item-color_2recordings_active:  mix(@main-menu-bar--item-color_2recordings,  #fff, 60%);
Daniel@0: 
Daniel@0: @mode-changer--width: 30px;
Daniel@0: 
Daniel@0: @notifications--bottom-offset: 80px;
Daniel@0: @notifications--top-offset: 150px;
Daniel@0: @notification--width: 250px;
Daniel@0: @notification--closer-width: 20px;
Daniel@0: 
Daniel@0: @player--command-size: @config-grid-panel--command-size;
Daniel@0: @player--volume-icon-size: @config-grid-panel--command-size;
Daniel@0: 
Daniel@0: @z-index_help: 6000;
Daniel@0: @z-index_main-menu: 1000;
Daniel@0: @z-index_main-region: 10;
Daniel@0: @z-index_main-region-cells: 20; // +10 internal
Daniel@0: @z-index_flying-circle: 99;
Daniel@0: @z-index_main-region-flipper: 100; // +10 internal
Daniel@0: @z-index_notifications: 7000;
Daniel@0: @z-index_jasmine: 9000;
Daniel@0: @z-index_css-update-indicator: 9999;
Daniel@0: @z-index_tooltip: 7010;
Daniel@0: 
Daniel@0: @import "macros.less";