Kronblad är en organiserad och lätt CSS-gränssnitt som körs på mindre

Från Bootstrap till Foundation verkar det som om det finns en ändlös ström av CSS-ramar att välja från. Men få kör på mindre och ännu färre är lika välorganiserad som kronblad.

Detta lilla open source-projekt var skapad internt för laget vid Shakr men de bestämde sig för att släppa allt på GitHub. Det är fortfarande en ny ram så det finns gott om utrymme för förbättringar. I sitt nuvarande tillstånd är Petal en funktionsrika ramar för något webbprojekt.

Alla intresserade bör kolla in huvudsida och titta över några av dokumentationen.

Petal stylesheet bryts ner i olika mindre filer, så det är organiserat baserat på funktioner och inställningar. På så sätt om du vill göra ändringar eller hitta en specifik klass du behöver bläddra bara en fil, till exempel typography.less, snarare än ett helt bibliotek.

Du kan se några av mer vanliga designfunktioner i denna penna tillsammans med kod snippets du kan kopiera.

Kronblad är menat att vara a minimalistisk ram med enkla förbyggda stilar.

Inte alla vill arbeta med att lägga färg eller ton i sina mönster. Skönheten i ett CSS-ramverk är det som det kan ge design och stil, så du bara lägg till HTML och bli rörlig.

Det här är vad Kronbladet gör det bra, och det är en frisk luft i en värld full av Bootstrap-powered hemsidor.

Om du vill försöka detta själv bara Lägg till Petal.css format rätt till din dokument sektion. Därifrån, alla grundläggande stilar kommer att tillämpas direkt till alla HTML-element.

Du kan tinker med klasser genom att kolla dokumentsidan på webbplatsen. Det finns faktiskt en hel sektionsöverdrag Grundläggande sidinstallation med en klass, som .sektion som en behållare med klasser som .rad eller .kolumn för strukturen.

Layoutalternativ är praktiskt taget oändliga, och du kan alltid lägga till extra formatering för vaddering och marginaler om det behövs.

För en så liten CSS-ram är Petal verkligen imponerande. Det är för närvarande i sin linda på v0.5 men kommer fortlöpande att utvecklas efter tiden. Att lära sig mer kolla in Petal hemsida, och se vad du kan bygga!