#9 - LESS Helper Mixins

Data: 2018-05-19 12:00 - LESS

Mixins to help define rules for devices of different sizes.

.desktop(@rules) {
  @media screen and (min-width: 1500px) { @rules(); }
}

.desktop-small(@rules) {
  @media screen and (min-width: 980px) { @rules(); }
}

Utilização:

div {
  width: 100px;

  .desktop-small({
    width: 480px;
    margin: 0 auto;
  });

  .desktop({
    width: 900px;
  });
}

Previous snippet | Next snippet