CleverCSS2 Pythonに触発されたSASS-LIKE CSSプリプロセッサ
今すぐダウンロード

CleverCSS2 ランキングとまとめ

CleverCSS2 タグ

CSS マークアップ言語 プリプロセッサ s CSSプリプロセッサー

CleverCSS2 説明

PythonはSASSのようなCSSプリプロセッサーを刺激しました CleverCSS2は、Pythonに触発されたCSSのための小さなマークアップ言語です。これは、スタイルシートを清潔で構造化された方法で構築するために使用できます。多くの点でCSS2よりもクリーナーで強力なものです。CSSの最も明白な違いは構文です。それはインデントベースでフラットではありません。これは明らかにPython Zenに対して、それでも構造スタイルのための良い考えです。 （リテラルCSS） `（コミット）` _Sometimes CleverCSSはそれ自身の善のために少し賢く、あなたは直接CSSに何かを渡したいだけです。たとえば、rgb（）またはurl（）ではない関数をエスケープする必要があります。追加された単純な新しいバックトック環境の文字列形式は、それ以上の処理なしに逐語的に渡されます。例:: .gradient： `-moz-linear-gradient（...）` spritemaps`（コミット） `_CSSでは、あなたの ' LLはすべてのUI要素のイメージを持ち、その画像の一部を抽出するために背景位置を使用します。 CleverCSSは、 `spritemap（fn）`呼び出しを介してこれを使うのに役立ちます。例:: ui = spritemap（ 'ui.sprites'）some_button = $ ui.sprite（ 'some_button.png'）その他_button = $ ui.sprite（ 'other_button.png'）div.some_button：背景：$ some_button div。 other_button：$ other_button width：$ other_button.width（）高さ：$ other_button.height（）mix-ins !!現在、部分的なmixinサポートのみがあります。引数はまだ実装されていません。しかし、彼らはうまくいくでしょう。とにかく、マクロの構文はかなりPythonic :: DEFマクロにあります。 CSS「DEFマクロ{Blah}」には、矛盾する魔法の想像があります。インデントベースの構文とあなたがルールをネストする方法:: ul＃コメント、OL＃コメント：Margin：0パディング：0 Li：Padding：0.4em Margin：0.8em 00.8em H3：Font-Size：1.2em P：パディング：0.3em p.meta：text-align：正しい色：#dddofコースあなたはCSSではまったく同じことができますが、その平らな性質のためにコードはより詳細に見えます。次のコードは、上記のファイルのCleverCSS出力です。:: ul＃コメントOL＃コメント{マージン：0;パディング：0; ul＃コメントLi、OL＃コメントLI {パディング：0.4em;マージン：0.8em 0.8em; ul＃コメントLI H3、OL＃コメントLI H3 {フォントサイズ：1.2EM; ul＃コメントLI P、OL＃コメントLI P {パディング：0.3em; ul＃コメントLI P.Meta、OL＃コメントLI P.Meta {Text-align：right;カラー：#dddddd;しかし、それはあなたがClevercssでできることのほとんどの例です。詳細については、CleverCSの以下の文書を見てください。要件： ・Python

CleverCSS2 関連ソフトウェア