breakpoints

Box below should be red on mobile, green on laptop, and blue on desktop.

HTML

<div class="foo"></div>

SASS

@import 'airkit2/breakpoints/mixins'

.foo
  max-width: 400px
  position: relative
  width: 100%
  &::before
    content: ''
    display: block
    padding-top: 100%

  background-color: red
  +md
    background-color: green
  +xl
    background-color: blue