flecss (pron. ‘fless’) is a minimalist and straightforward (S)CSS framework.

📖   Documentation

🚀   Quickstart

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flecss/dist/flecss.css">

<div class="flex_3">
  <p class="padding_vertical--xxl">
    HTML <span class="viewport-l">(Hypertext Markup Language)</span> is for structure.
  </p>
  <p class="p_vertical--xxl">
    CSS <span class="viewport-l">(Cascading Style Sheets)</span> is for styling.
  </p>
  <p class="p_v--xxl">
    JS <span class="viewport-not_s">(JavaScript)</span> is for behaviour.
  </p>
</div>

_{© Thassilo Martin Schiepanski}