roman-koshchei/mirabo

Born to conquer Minimal CSS framework world

Flurium

I lead a development team (we can develop app for you). You can checkout our website: flurium.com or GitHub organisation: Flurium.

Our experience:

• Online Shop platform Spentoday: Site, Shop, Api
• Agency: Flurium
• Auction platform: BidMe
• Sales platform: Thing
• Chat with pure networking and hybrid system (centralized and decentralized): BabbleUp

Personal

• Live reloading for any language: live.sh
• Remake of Road to Vostok website: roadtovostok.flurium.com, Original site
• Keyboard layout creation and analyzing tool: LETA
• Keyboard analyzing API: Genkey
• C# utils: Unator
• Dumb React mutable state management: Mutato

---

mirabo's Issues

Layout

• container (maybe auto for body)
• text-heavy container (less width)
• grid: from 4 to 1, same size always
• flex: full center, between

Form

• text
• file
• textarea
• select
• multiple select
• checkbox
• radio button
• range
• color
• search

In form input, textarea should take all width

Showcase page

Should show all things

Components

• card
• dropdown
• accordion
• modal
• nav

Button scale

The button in a form has 100% width. On hover, it scales too much:

I think that's the reason why people prefer color change rather than scale.

Also during scale text inside the button is blurry. It's possible to use ::before to scale only the background, but still, there is a previous problem.

Buttons to fix

• primary
• primary outline
• secondary
• secondary outline
• contrast
• contrast outline

Navbar

I think to use a nav tag for it, not header.

Mobile on click

Remove blue foreground from click