Open BobGrimes opened 10 years ago
+1. I was excepting less to compile 1:1 to css, but I dont see the media queries anywhere. EDIT: here is sample code from bootstrap that is missing. Taken from dropdowns.less:
@media (min-width: @grid-float-breakpoint) {
.navbar-right {
.dropdown-menu {
.pull-right > .dropdown-menu();
}
}
}
This code doesn't appear in the final output. The browser-based compiler properly parses this, and outputs:
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto;
}
}
+1 I tried the bootstrap grid (using @import bootstrap.css renamed to bootstrap.css.less (i.e. pure CSS)) and the following fails (does not generate a @media line)
.image {
.col-xs-12;
.col-md-4;
}
Seems to have ignored the following @media screen and (max-width: 1024px) { body { width: 100%; } }