Repeat dots in LESS / SASS for Content property
<p>Take a look at below CSS styles and I'm planning to use LESS &amp; SASS for two different projects and is this possible:</p>
<pre><code>.longDots {
  content: &quot;  ......................................................................................................&quot;;
}

.shortDots {
  content: &quot;....................&quot;;
}
</code></pre>
<p>I want to avoid repeated dots; to have it as single dot and that too should be configurable; to change it as <code>-, #, *</code></p>
<p>Something <code>mixin</code> like below.</p>
<pre><code> .longDots {
    content: repeater('.', 25);
}

.shortDots {
    content: repeater('.', 10);
}

.longDashes {
    content: repeater('-', 25);
}

.shortDashes {
    content: repeater('-', 10);
}
</code></pre>