PetalはLESS上で動作する、組織化された軽量のCSS UIフレームワークです。

ブートストラップから財団まで、それはあるように思えます CSSフレームワークの無限のストリーム から選ぶ。しかし LESSで実行するものはほとんどありません そしてさらに少ない 花弁と同様によく組織化された.

この小さなオープンソースプロジェクトは Shakrのチームのために社内で作成された しかし彼らは GitHubですべて解放する. それはまだ 新しい枠組み だから改善の余地はたくさんあります。現状では、花びらは 機能豊富なフレームワーク あらゆるWebプロジェクト用.

興味のある人は メインページ 見て いくつかのドキュメント.

花弁のスタイルシートは次のように分類されます。 さまざまなLESSファイル, だからそれは整理されている 機能と設定に基づく. このように変更を加えたり特定のクラスを見つけたい場合は 1つのファイルだけを閲覧する, 例えば typography.less, 図書館全体ではなく.

あなたはいくつかを見ることができます より一般的なデザイン機能 このペンの中で コードスニペット あなたはコピーすることができます.

花びらは ミニマリストフレームワーク と シンプルな既成スタイル.

誰もが自分のデザインに色や色調を付け加えて仕事をしたいとは限りません。 CSSフレームワークの長所は、それができるということです。 デザインとスタイルを提供する, だからあなただけ HTMLを追加する そして動く.

これは何 花びらは元気, そして、Bootstrapを搭載したホームページでいっぱいの世界で、新鮮な空気を吸い込みます。.

自分で試してみたいだけなら を追加 Petal.css スタイルシート あなたの権利 文書の セクション. そこから, すべての基本スタイルが適用されます すべてのHTML要素に直接.

あなたはできる クラスといじくり回す サイトのドキュメントページをチェックすることによって。実際にカバーしているセクション全体があります クラスを使った基本的なページ設定, といった .セクション コンテナとして のようなクラスで .行 または .カラム 構造のため.

レイアウトオプション 事実上無限であり、あなたはいつでも追加することができます 余白と余白の追加フォーマット 必要に応じて.

そのような小さなCSSフレームワークにとって、Petalは本当に印象的です。現在はまだ幼年期のv0.5ですが、時間の経過とともに開発が続けられます。詳しく知ることができ 花びらのホームページをチェックしてください, そして何ができるか見てみましょう!