JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

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

SCSS

@media screen and (min-width: 300px) {
  .foo::before {
    content: '300px';
  }
}

@for $i from 1 through 25 {
  @media screen and (min-width: #{$i*100px}) {
    .foo::before {
      content: '#{$i*100px}';
    }
  }
}