Daniel@0: @import "../../config.less";
Daniel@0: 
Daniel@0: .vic-properties {
Daniel@0:     padding-top: 5px;
Daniel@0: 
Daniel@0:     @item-height: 15px;
Daniel@0:     
Daniel@0:     // ----------------------------------
Daniel@0:     &_modifier {
Daniel@0:         
Daniel@0:     }
Daniel@0:     
Daniel@0:     // ==================================
Daniel@0:     &__property {
Daniel@0:         .font_small();
Daniel@0:         display: block;
Daniel@0:         position: relative;
Daniel@0:         height: @item-height;
Daniel@0:         line-height: @item-height;
Daniel@0:         overflow: visible;
Daniel@0:     }
Daniel@0: 
Daniel@0:     &__property_type_temp {
Daniel@0:         opacity: 0.3;
Daniel@0:     }
Daniel@0: 
Daniel@0:     // ==================================
Daniel@0:     &__property-caption {
Daniel@0:         position: absolute;
Daniel@0:         top: 0;
Daniel@0:         height: @item-height;
Daniel@0:         //color: @config-grid--color_panel-label;
Daniel@0:         color: mix(#fff, #000, 60%); // as in charts
Daniel@0:         left: @config-grid--cells--header-padding-left;
Daniel@0:     }
Daniel@0: 
Daniel@0:     // ==================================
Daniel@0:     &__property-value {
Daniel@0:         position: absolute;
Daniel@0:         top: 0;
Daniel@0:         left: 80px;
Daniel@0:         right: @config-grid--cells--header-padding-left;
Daniel@0:         white-space: nowrap;
Daniel@0:         color: @config-grid--color_panel-label-hovered;
Daniel@0:     }
Daniel@0: 
Daniel@0:     &__property_type_before-divider &__property-value {
Daniel@0:         height: 2 * @item-height;
Daniel@0:         white-space: normal;
Daniel@0:         overflow: hidden;
Daniel@0:     }
Daniel@0:     
Daniel@0:     // ==================================
Daniel@0:     &__property-divider {
Daniel@0:         height: @item-height;
Daniel@0:     }
Daniel@0: 
Daniel@0: }