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 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%
- r7 = 100%
- r72 = 50%
- r5 = 100%