@import "../../config.less";

.vic-properties {
    padding-top: 5px;

    @item-height: 15px;
    
    // ----------------------------------
    &_modifier {
        
    }
    
    // ==================================
    &__property {
        .font_small();
        display: block;
        position: relative;
        height: @item-height;
        line-height: @item-height;
        overflow: visible;
    }

    &__property_type_temp {
        opacity: 0.3;
    }

    // ==================================
    &__property-caption {
        position: absolute;
        top: 0;
        height: @item-height;
        //color: @config-grid--color_panel-label;
        color: mix(#fff, #000, 60%); // as in charts
        left: @config-grid--cells--header-padding-left;
    }

    // ==================================
    &__property-value {
        position: absolute;
        top: 0;
        left: 80px;
        right: @config-grid--cells--header-padding-left;
        white-space: nowrap;
        color: @config-grid--color_panel-label-hovered;
    }

    &__property_type_before-divider &__property-value {
        height: 2 * @item-height;
        white-space: normal;
        overflow: hidden;
    }
    
    // ==================================
    &__property-divider {
        height: @item-height;
    }

}