title: How to Generate border utilities classes using scss
body: <p>Hello guys I want to create a list of classes for border-width proprety using scss
  take a look to this example <a href="https://i.imgur.com/0E3x1nG.png" rel="nofollow noreferrer">https://i.imgur.com/0E3x1nG.png</a></p>
  <p>How can I do this using <strong>SCSS</strong></p>
  <pre><code>$line-widths: (
      &quot;line-y-0&quot;: 0, // border-top-width: 0;
      &quot;line-x-0&quot;: 0, // border-left-width: 0;
      &quot;line-y-2&quot;: 2px, // border-top-width: 2px;
      &quot;line-x-2&quot;: 2px, // border-left-width: 2px;
      &quot;line-y&quot;: 1px, // border-left-width: 1px;
      &quot;line-x&quot;: 1px, // border-left-width: 1px;
      &quot;line-y-reverse&quot;: 1, // --line-y-reverse: 1;
      &quot;line-x-reverse&quot;: 1, // --line-x-reverse: 1;
  ) !default;
  </code></pre>