Daniel@0: @import "../config.less";
Daniel@0: 
Daniel@0: .screenshot {
Daniel@0:     overflow: scroll;
Daniel@0:     
Daniel@0:     & body {
Daniel@0:         position: relative;
Daniel@0:         width: 1340px;
Daniel@0:         height: 715px;
Daniel@0:         // can be defined as screenshot=...|1000x500|...
Daniel@0:         background: #fff;
Daniel@0:     }
Daniel@0:     
Daniel@0:     & body::-webkit-scrollbar {
Daniel@0:         width: 0 !important;
Daniel@0:         height: 0 !important;
Daniel@0:         display: none;
Daniel@0:     }
Daniel@0:     
Daniel@0:     & .config-grid-cells__container {
Daniel@0:         overflow: hidden;
Daniel@0:     }
Daniel@0:     
Daniel@0:     
Daniel@0:     & .main-menu,
Daniel@0:     & .main-menu-bar {
Daniel@0:         position: absolute;
Daniel@0:     }
Daniel@0:     
Daniel@0:     & .config-grid-panel_dimension_entity .config-grid-panel__background {
Daniel@0:         border-bottom-right-radius: @--border-radius;
Daniel@0:     }
Daniel@0:     & .config-grid-panel_dimension_view .config-grid-panel__background {
Daniel@0:         border-radius: @--border-radius;
Daniel@0:     }
Daniel@0:     
Daniel@0:     
Daniel@0:     // ----------------------------------
Daniel@0:     &_debug body {
Daniel@0:         outline: 1px solid red; 
Daniel@0:     }
Daniel@0:     
Daniel@0:     // ----------------------------------
Daniel@0:     &_no-main-menu .main-menu {
Daniel@0:         display: none;
Daniel@0:     }
Daniel@0:     &_no-main-menu .main-region {
Daniel@0:         top: 0;
Daniel@0:     }
Daniel@0:     &_no-main-menu .config-grid-panel_dimension_entity .config-grid-panel__background {
Daniel@0:         border-radius: @--border-radius;
Daniel@0:     }
Daniel@0:     &_no-main-menu .config-grid-panel_dimension_view .config-grid-panel__background {
Daniel@0:         border-radius: @--border-radius;
Daniel@0:     }
Daniel@0: 
Daniel@0:     // ----------------------------------
Daniel@0:     &_no-panel_view .config-grid__header {
Daniel@0:         display: none;
Daniel@0:     }
Daniel@0:     &_no-panel_view .config-grid-panel_dimension_view  {
Daniel@0:         display: none;
Daniel@0:     }
Daniel@0:     &_no-panel_view .config-grid_type_collection  {
Daniel@0:         left: -@config-grid_collection--panel_view--width - @config-grid--cells--margin-left;
Daniel@0:     }
Daniel@0:     
Daniel@0:     // ----------------------------------
Daniel@0:     &_no-buttons_new .config-grid-cells__entity-header_kind_adder {
Daniel@0:         display: none;
Daniel@0:     }
Daniel@0:     &_no-buttons_new .config-grid-cells__view-header_kind_adder {
Daniel@0:         display: none;
Daniel@0:     }
Daniel@0:     
Daniel@0:     // ----------------------------------
Daniel@0:     &_autosize {
Daniel@0:         // js-handled
Daniel@0:     }
Daniel@0:     &_autosize_grid .config-grid-cells__view-header-background,
Daniel@0:     &_autosize .config-grid-cells__view-header-background {
Daniel@0:         border-top-right-radius: @--border-radius;
Daniel@0:         border-bottom-right-radius: @--border-radius;
Daniel@0:     }
Daniel@0:     
Daniel@0:     &__fake-cursor {
Daniel@0:         background-image: url("@{bem-path}//screenshot/fake-cursor.png");
Daniel@0:         background-repeat: no-repeat;
Daniel@0:         position: fixed;
Daniel@0:         display: block;
Daniel@0:         height: 30px;
Daniel@0:         width: 30px;
Daniel@0:         z-index: @z-index_notifications;
Daniel@0:     }
Daniel@0:     
Daniel@0:     // flipper
Daniel@0:     
Daniel@0:     @duration: 20s;
Daniel@0:     &_state_flip .main-region__flipper{
Daniel@0:         .transition(transform @duration);
Daniel@0:     }
Daniel@0:     &_state_flip .main-region__flipper .config-grid{
Daniel@0:         .transition(transform @duration);
Daniel@0:     }
Daniel@0: }