Some rules are not built as expected.

[jacksky007]

All rules should be under class '.gud', but something wrong happen.
For example, what we expect

.gud select.form-control

is currently

select.gud .form-control

I've found a solution, and will fix this when I have enough time.

[mikaelkaron]

Awesome. Can you add an explanation of what went wrong in the ticket?

On 30 Dec, 2013, at 5:06, Jack [email protected] wrote:

All rules should be under class '.gud', but something wrong happen.
For example, what we expect

.gud select.form-control
is currently

select.gud .form-control
I've found a solution, and will fix this when I have enough time.

—
Reply to this email directly or view it on GitHub.

[jacksky007]

In forms-ef.less, we have

.form-control {
  select& {
    /* some rules */
  }
}

If we build css file directly from this less file, we will get

select.form-control {
  /* some rules */
}

The character '&' is a placeholder of outer selector.
Further more, its scope is global not just in this file.
So, in gudstrap.less, we have

.gud {
  @import "bootstrap-ef.less";
}

This equals to rules as bellow

.gud {
  .form-control {
    select& {
      /* some rules */
    }
  }
}

and will result

select.gud .form-control {
  /* some rules */
}

The solution is building bootstrap-ef.less to bootstrap-ef.css firstly.
Second, modify gudstrap.less as bellow

.gud {
  @import (inline) "bootstrap-ef.css";
}

Third, build gudstrap.less to gudstrap.less.css.
Last, treat the temp file gudstrap.less.css as less file and build it to gudstrap.css.