<head><metacontent="text/html; charset=UTF-8"http-equiv="Content-Type"/><metacontent="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"name="viewport"/><title>BRUT</title><linkhref="brut.min.css"rel="stylesheet"type="text/css"/></head><bodyclass="col gapless"><div><navclass="nav"onclick="this.focus()"tabindex="-1"><divclass="container"><aclass="pagename"href="index.html">BRUT</a><ahref="h/docs.html">Docs</a><ahref="h/download.html">Download</a><ahref="https://gitea.esy.fun/yogsototh/brutcss">Code</a></div></nav><buttonclass="btn sn btn-close">×</button></div><divclass="col"><divclass="hero"style="background: url(h/img/brutalism.webp)"><divclass="container col middle"><divclass="row middle"><divclass="c3"></div><divclass="c6 block bg-neutral"><divclass="col"><h1class="tight huge">BRUT</h1><h4>A Brutalist and Minimalist CSS Framework</h4><p>This CSS framework is ideal to be used for <strong>private admin interfaces</strong>.</p><p> Just by the look of it, it will scream: <spanclass="hl">THIS IS NOT FOR NON-TECHNICAL PEOPLE!!!</span></p></div></div><divclass="c3"></div></div></div></div><divclass="container row"><divclass="col card"><h3>Docs</h3><p>A few quick examples to show every components. This should be quick and straightforward.</p><p>This CSS framework makes its best to respect some expected composability accross classes. Here are a few examples:</p><divclass="fill card"><p>With headings</p><h3>this is a normal <code>h3</code></h3><h3class="tight big">this is a <code>h3</code> with <code>big</code></h3><h3class="tight y">this is a <code>h3</code> with <code>y</code>for yellow</h3><h3class="tight big y">this is a <code>h3</code> with both <code>big</code> and <code>y</code>.</h3><br/><h3class="tight">this contains a <code>hl</code><spanclass="hl">HL</span></h3><h3class="tight hl">this a <code>h3</code> with <code>hl</code></h3></div><aclass="btn big push"href="h/docs.html">Docs</a></div><divclass="col card"><h3>Download</h3><divclass="block"><p>Download BRUT</p></div><aclass="btn warn big push"href="h/download.html">Download</a></div></div></div><footer><divclass="container"><p>By <ahref="https://yannesposito.com">Yann Esposito</a></p></div></footer></body>