Breakpoints

<p><code class="code-inline-preview">$breakpoints</code> - A map of named breakpoints which defines breakpoint name
    with breakpoint size.</p>
<p><code class="code-inline-preview">$breakpoints</code> in Rehau Web Design Guide project are defined in <code class="code-inline-preview">src\base\settings\_breakpoints.scss</code></p>
<p>Used breakpoints list and their sizes (2020-07-07):</p>
<ul>
    <li><code class="code-inline-preview">small: 0</code></li>
    <li><code class="code-inline-preview">pre-medium: 480px</code></li>
    <li><code class="code-inline-preview">medium: 640px</code></li>
    <li><code class="code-inline-preview">pre-large: 784px</code></li>
    <li><code class="code-inline-preview">large: 1024px</code></li>
</ul>