Skip to content
I have developed a powerful CSS framework for production use. It contains the most commonly used styles and flexbox layout.
CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
README.md
tuspe.css
tuspe_mini.css

README.md

Tuspe CSS Framework

Have you ever had that feeling that there are way too many things in the CSS file and the file size is way too big? I had that problem and then I tried to find a right CSS framework for me. Despite the search, I couldn't find the right one and every framework had something wrong. Either something was missing or there were too many styles / things. So I created my own version based on Bootstrap 4. It's not perfect, but it suits my needs. Maybe there is something for you too?

Responsive design

Responsive layout / design is the most important thing nowadays, but who wants to write the same things over and over again? I thought if I could pre-made columns, then why not use the most common sizes to remove them. That's how my r system was born. I think I should rethink the names, but works like a charm.

<div class="col-3 r23 r12 r7">Example 1</div>
<div class="col-4 r12 r5">Example 2</div>
<div class="col-6 r1">Example 3</div>

The first name is size and the second one is how many columns.

max-width: 1200px & 1000px

  • r2, r1 = 100%
  • r22, r12 = 50%
  • r23, r13 = 33.333333%

max-width: 750px

  • r7 = 100%
  • r72 = 50%

max-width: 500px

  • r5 = 100%
You can’t perform that action at this time.