Petal je organizovaný a ľahký CSS UI Framework fungujúci na LESS

Od Bootstrap až po nadáciu sa zdá, že existuje nekonečný tok rámcov CSS na výber z. ale niekoľko málo beží na LESS a ešte menej ako aj organizovaná ako Petal.

Tento malý open source projekt bol vytvorené interne pre tím Shakr ale rozhodli sa uvoľnite to všetko na GitHub. Stále je to nový rámec takže je tu dostatok priestoru na zlepšenie. V súčasnom stave je Petal a bohatý na funkcie pre každý webový projekt.

Každý, kto má záujem, by sa mal pozrieť Hlavná stránka a pozrite sa niektoré dokumenty.

Šablóna štýlu Petal sa rozdeľuje na rôzne súbory MNE, tak to je organizované založené na funkciách a nastaveniach. Týmto spôsobom, ak chcete vykonať zmeny alebo nájsť konkrétnu triedu, ktorú potrebujete prezerať len jeden súbor, napríklad typography.less, namiesto celej knižnice.

Môžete vidieť niektoré z nich bežnejšie dizajnové prvky v tomto pere spolu s fragmenty kódu môžete kopírovať.

Petal má byť minimalistického rámca s jednoduché vopred postavené štýly.

Nie každý chce pracovať s pridaním farby alebo tónu do svojich návrhov. Krása rámca CSS je to, že dokáže poskytnúť dizajn a štýl, tak si jednoducho pridajte kód HTML a pohybovať sa.

To je čo Petal to robí dobre, a je to dych čerstvého vzduchu vo svete plnom domovských stránok napájaných systémom Bootstrap.

Ak to chcete vyskúšať len pre seba pridajte Petal.css stylesheet právo na vaše Dokumenty časť. Odtiaľ, budú použité všetky základné štýly priamo na všetky prvky HTML.

Môžeš drotár s triedami po kontrole stránky dokumentov na stránkach. V skutočnosti je tu celá časť základné nastavenie stránky pomocou triedy, ako napr .časť ako kontajner s triedami, ako je .riadok alebo .stĺp pre štruktúru.

Možnosti rozloženia sú prakticky nekonečné a vždy môžete pridávať extra formátovanie pre polstrovanie a okraje V prípade potreby.

Pre taký malý rámec CSS je Petal skutočne pôsobivý. V súčasnosti je v plienkach na úrovni v0.5, ale bude sa neustále rozvíjať v čase. Naučiť sa viac pozrite sa na domovskú stránku Petal, a uvidíte, čo môžete stavať!