5

私は SASS を見つけました。変数を使用したり、コードをよりクリーンにしたりできることは素晴らしいと思います...しかし、それは Ruby on Rails 用であることがわかりました。

CSS のように HTML だけで動作させる方法はありますか? それが不可能な場合、似たようなものはありますか？

ありがとう！

（ところで、私はphpを使用します）

4

4 に答える 4

5

Ruby がインストールされていれば、どこでも SASS を使用できます。Ruby on Rails プロジェクトである必要はありません。SASS gem をインストールするだけで済みます。

参照 - http://sass-lang.com/tutorial.html

または、ルビーではなく node.js を使用してコンパイルされる LESS や Stylus などの他の CSS プリプロセッサがあります。

LESS - http://lesscss.org/

スタイラス- http://learnboost.github.com/stylus/

それぞれ同様の機能を提供しますが、構文がわずかに異なります。

于 2012-09-06T21:16:28.427 に答える
3

Jade は、探しているプリプロセッサの名前です。

Css-tricksは、コード キットのビデオ チュートリアルで言及し、示しています。
編集：コメントを参照してください:)

于 2012-09-06T21:12:36.603 に答える
2

sassバイナリを使用して、実際には何でもsassを使用できます。以下は、フォルダー ./css/sass の変更を監視し、コンパイルされた .css ファイルを ./css に配置します。

sass --watch css/sass:css
于 2012-09-06T21:17:03.357 に答える
2

Haml と Sass は、Ruby でテンプレートを簡素化し (Haml)、CSS をよりインテリジェントで柔軟で管理しやすいものにする (Sass) ために使用されてきました。今、彼らはphamlで PHP に来ます。

  1. フレームワークに依存しません。PHamlP は、任意のフレームワーク (フレームワークと統合するにはラッパー関数が必要です。Yii の例が提供されています - 他のフレームワークへの貢献を歓迎します) またはスタンドアロンで使用できます。

  2. インデントの自動検出。PHamlP では、インデント文字としてスペースまたはタブを使用でき、ファイルごとにどちらを自動的に検出します。スペースがある場合は、その数。

  3. 開発のための読みやすさと本番用の最小化された空白をサポートするレンダリング オプション。

  4. Haml & Sass V3.x 準拠 (.sass および .scss SASS 構文のサポート、FireSass 統合、新しい変数構文、@extend ディレクティブ)

  5. コンパス (PHamlP V3.2 以降) が含まれています。

于 2012-09-06T21:17:40.933 に答える