cloudhead/less.js — Issue #482: Inheritance problem
Author: Chrisui
Created: 2011-11-23 10:20:57+00:00
State: open

I am currently having a problem where when inheriting a class within another class it seems to inherit styles from descendants of the inherited class. Mouthful? Logical explanation in code:

.bar_tabbed {
height: 30px;
.gradient(@block_colour, @block_colour_light, @block_colour);
}

.bar_tabbed form.compact input, .bar_tabbed form.compact select {
width: 100px;
margin-top: 4px;
}

.ui-dialog-titlebar {
.bar_tabbed;
}

Now the problem is, when compiled (in browser using JS) , .ui-dialog-titlebar is given the width: 100px;

Pretty sure this shouldn't happen. And if it is meant to... WHY?!