at-breakpoint

Created by: Dakuan

This feature allows you to apply different styles to elements based on the screen width.

Usage:

// arbitrary width
.thing {
  .at-breakpoint(100px, {
    background-color: red;
  });
  .at-breakpoint(200px, {
    background-color: green;
  });
}

// bootstrap cols
.thing {
  background-color: blue;
  .at-md({
    background-color: yellow;
  });
}