How to understand and use this mixin?

Question

css

Hello. Explain how to use

@media (min-width: $media-screen-lg)
    if $media-enable-debug
      body:before
        content 'min-width: $media-screen-lg'

What to indicate in the css itself?

Answer 1

It's simple, you have the $media-screen-lg variable, which should be about 1170px or whatever you prefer. There is also a $media-enable-debug variable, which is responsible for displaying the value of the current variable before body.
Create these two variables, you can even in a file with a mixin, if you don’t know how otherwise, and see what happens.