search

leafo / lessphp

LESS compiler written in PHP
http://leafo.net/lessphp
Other
2.2k stars 528 forks source link

media query ignored #518

Open BobGrimes opened 10 years ago

BobGrimes commented 10 years ago

Seems to have ignored the following @media screen and (max-width: 1024px) { body { width: 100%; } }

mbrevda commented 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;
  }
}
cyberlussi commented 10 years ago

+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;
}