Daniel@0: @import "../config.less";
Daniel@0: 
Daniel@0: .help {
Daniel@0: 
Daniel@0:     .position_fixed_everywhere();
Daniel@0:     .font_standard();
Daniel@0:     z-index: @z-index_help;
Daniel@0:     
Daniel@0:     background: @--popup-base-color;
Daniel@0:     display: none;
Daniel@0: 
Daniel@0:     &_animating {
Daniel@0:         .transition(opacity 0.2s linear);
Daniel@0:     }
Daniel@0:     
Daniel@0:     &_state_hidden {
Daniel@0:         display: none;
Daniel@0:     }
Daniel@0:     &_state_pre-hidden {
Daniel@0:         pointer-events: none;
Daniel@0:         display: block;
Daniel@0:         opacity: 0;
Daniel@0:     }
Daniel@0:     &_state_pre-shown {
Daniel@0:         display: block;
Daniel@0:         opacity: 0;
Daniel@0:     }
Daniel@0:     &_state_shown {
Daniel@0:         display: block;
Daniel@0:     }
Daniel@0:     
Daniel@0:     // ==================================
Daniel@0:     &__body {
Daniel@0:         .border-radius(@--border-radius);
Daniel@0:         .position_fixed_everywhere(@help--margin);
Daniel@0:         .box-shadow(@help--box-shadow);
Daniel@0:         background: #fff; 
Daniel@0:         overflow: hidden;
Daniel@0:         z-index: @z-index_help + 1;
Daniel@0:     }
Daniel@0:     
Daniel@0:     // ==================================
Daniel@0:     &__toc-container {
Daniel@0:         .position_absolute_everywhere();
Daniel@0:         right: auto;
Daniel@0:         width: @help--toc-width;
Daniel@0:         background: #eee;
Daniel@0: 
Daniel@0:         @media all and (max-width: @help--toc-hiding-threshold) {
Daniel@0:             & {
Daniel@0:                 display: none;
Daniel@0:             }
Daniel@0:         }
Daniel@0:     }
Daniel@0: 
Daniel@0:     // ==================================
Daniel@0:     &__toc {
Daniel@0:         padding: 1em 0 0 0;
Daniel@0:         
Daniel@0:     }
Daniel@0:     
Daniel@0: 
Daniel@0:     // ==================================
Daniel@0:     &__toc-element {
Daniel@0:         position: relative;
Daniel@0:         display: block;
Daniel@0:         padding: .5em;
Daniel@0:         text-decoration: none;
Daniel@0:         color: #888;
Daniel@0:         
Daniel@0:         &:hover {
Daniel@0:             color: #000;
Daniel@0:         }
Daniel@0:     }
Daniel@0:     
Daniel@0:     &__toc-element_current {
Daniel@0:         color: #000;
Daniel@0:         cursor: default;
Daniel@0:     }
Daniel@0:     &__toc-element_hierarchy_1 {
Daniel@0:         padding-left: 25px;
Daniel@0:     }
Daniel@0:     &__toc-element_hierarchy_2 {
Daniel@0:         padding-left: 25px;
Daniel@0:     }
Daniel@0:     &__toc-element_hierarchy_3 {
Daniel@0:         padding-left: 40px;
Daniel@0:     }
Daniel@0: 
Daniel@0:     // ==================================
Daniel@0:     &__toc-pointer {
Daniel@0: 
Daniel@0:     }
Daniel@0: 
Daniel@0:     // ==================================
Daniel@0:     &__content-container {
Daniel@0:         .position_absolute_everywhere();
Daniel@0:         left: @help--toc-width;
Daniel@0:         overflow: scroll;
Daniel@0: 
Daniel@0:         @media all and (max-width: @help--toc-hiding-threshold) {
Daniel@0:             & {
Daniel@0:                 left: 0;
Daniel@0:             }
Daniel@0:         }
Daniel@0:     }
Daniel@0:     
Daniel@0:     // ==================================
Daniel@0:     &__closer {
Daniel@0:         position: fixed;
Daniel@0:         cursor: pointer;
Daniel@0:         height: 30px;
Daniel@0:         width: 30px;
Daniel@0:         background: no-repeat 0 0 url(data:image/png;base64,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);
Daniel@0:         top: @help--margin - 15px;
Daniel@0:         left: @help--margin - 15px;
Daniel@0:         z-index: @z-index_help + 2;
Daniel@0:         
Daniel@0: 
Daniel@0:         &_position_right {
Daniel@0:             left: auto;
Daniel@0:             right: @help--margin - 15px;
Daniel@0:         }
Daniel@0:     }
Daniel@0: }