Bug 243402

Created attachment 146429 [details]
Current implementation of breadcrumbs in LESS files

We are extensively using LESS in my current project and particularly this feature
http://lesscss.org/features/#parent-selectors-feature 

Shortly, with such sample file

    .myCtrl {
        color: green;

        &_child1 {
            color: red;
        }

        &_child2 {
            color: blue;
        }
    }

when putting cursor into line under "&_child1" I expect the breadcrumbs to correctly display position like following: 

    1. Rules > .myCtrl > &_child1

    or 

    2. Rules > .myCtrl_child1
    (this is how class name appears in final CSS)

    or 

    3. Rules > .myCtrl > &_child1 = .myCtrl_child1
    (merges 1 and 2)


Additional, really wanted feature, probably not related to breadcrumbs, but can be integrated into it ... 

... when writing HTML files I actually need the final CSS class name, the one after '=' in sample breadcrumb #3. Currently i have to merge all parts manually and this is somewhat time consuming on a regular basis, especially when having hierarchy of 3-4 level. Typically we have hierarchy like following: 'controlType > &_subControl > &_subControl-classifier > *inner HTML nodes*'

It would be nice to have ability to, either from breadcrumbs control or context menu, get full CSS classname of the currently selected LESS node.