問題タブ [sass]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
378 参照

php - エラー: クラス 'Haml' が見つかりません... Kohana で Haml (Kohaml) を使用しようとしています

私の人生では、私が間違っていることを理解することはできません...

http://github.com/transphorm/kohamlから Kohaml をダウンロード

modules/kohaml にドロップしました

このエラーが発生し続けます... (エラーとモジュール フォルダーのスナップショット)

http://wellcommentedcode.com/stack_kohaml_question/

私が間違っているかもしれないことについての提案は高く評価されます...ありがとう。

0 投票する
1 に答える
1198 参照

ruby - NameErrorat/初期化されていない定数Sass::SyntaxError

Padrinoを使用していますが、application.sassファイルを指定しようとすると、このエラーが発生しますNameError at / uninitialized constant Sass::SyntaxError

何か足りないものがあるのではないかと思ったので、GITでsample_blogアプリケーションをチェックして、SASSが正しく機能していることを確認しました。それは正しく機能していて、ブログアプリは正常に実行されていました。次に、ブログのapplication.sassの行を変更することにしましたが、このエラーが発生しました。

TextMateを使用してファイルを編集しています。

確かに奇妙な、何かアドバイスはありますか?

0 投票する
1 に答える
1030 参照

ruby-on-rails - sassスタイルシートをrailsテンプレートにリンクするにはどうすればよいですか?

これは新しい質問です、私は知っていますが、私はそれを理解できないようです。私はしばらくの間レールを使用していますが、常に通常のcssを使用していました。私が使用することになっているのかわからない

sassファイルをに保存public/stylesheets/sass/style.sassし、全体を実行しました

$ sass --rails /path/to/app

もの。

ああ、私はrails-3beta2とhaml3b2でそれを試しています。ありがとう。

0 投票する
1 に答える
1044 参照

rendering - sinatra アプリからの sass テンプレートのレンダリングが機能しません。これは v.1 の非互換性によるものですか? 回避策

スタイルシートを生成しなくなりました。

これを行うためのバージョン 1.0 互換の方法は何でしょうか? または、問題がコードにあると思われる場合のトラブルシューティングの提案はありますか?

style.sass ファイルは /views フォルダーにあります。同じフォルダーの Haml ファイルは正常にレンダリングされます。

ありがとうございました。

0 投票する
2 に答える
634 参照

sass - Sass - 複数値ルールでの変数の使用

Sass 変数は次のように使用できます。

これは、「単一値」変数で非常にうまく機能します。バックグラウンドなどの「複数値」の CSS ルールでは使用できません。

どうすればいいですか?

0 投票する
5 に答える
1314 参照

ruby - SASSのような色をRubyで計算するにはどうすればよいですか?

SASSでは次のことができます:

Rubyでも同じようにしたいです。

0 投票する
1 に答える
102 参照

html - css フォーマットの問題

Sass をいじりたくて、この小さくて信じられないほどシンプルな小さなページを作成しました。トップマージンを #content に追加すると、理由は不明ですが、代わりにラッパー div に影響します。なぜこれが起こっているのかについての情報は大歓迎です。ありがとう!

ライブページはこちら:http: //cheapramen.com/omg/

html:

サス

サスが吐き出すCss

0 投票する
3 に答える
3206 参照

css - CSS コンパイラと IE ハックを条件付き CSS に変換する

質問のために一番下までスキップしますが、最初に、少しコンテキストを説明します。

だから私はしばらくの間、CSS コンパイラ (Sass や Less など) を調べていて、それらに本当に興味を持っていました。彼らは粗雑さを減らし、私が物事をより簡単に見るのを助けます.

私は最近、多くの無関係なコードとハックを必要とするインライン ブロック (および clearfix) を確実に実装することを検討しています。現在、この分野のすべての権威によると、IE ハックを CSS と同じページに配置するべきではなく、条件付きにする必要があります。しかし、私にとって、このすべての追加コードを調べて管理するのは非常に面倒です。そのため、Less のようなものが本当に好きです。非セマンティックなクラスを適用する代わりに、ミックスインを指定して一度適用するだけで準備完了です。

それで、私はトラックの一部を手に入れたと思います (ポイントを説明したかったのです) が、基本的に、これらの CSS コンパイラーが私にとって非常に便利であり、多くの厄介なことを抽象化することができます。それらを確実に一度適用してから、コンパイルするだけです。IE 固有のスタイルを独自の条件付きファイル (ala Less / Sass) にコンパイルできるようにしたいので、理由もなく 2 つのファイルを管理する必要はありません。

独自のファイルを実行してアンダースコア/スターハックを作成できるスクリプト/アプリケーションのようなものは存在しますか?

0 投票する
3 に答える
3227 参照

css - Use any CSS compiler (Sass, Less) to generate the selector

So I've recently been playing around with CSS compilers, but I have no idea how (or if it's possible) to dynamically generate pieces of a selector.

For instance, let's say I wanted to make mixins to get

to work cross browser. I would have to do the styles, yeah, but I would have to do the IE6/7 selector hacks to get them to work in those browsers too. Ideally I'm looking for a one off thing to add to an element and have the ability for that to work. Some kind person recently gave me this solution: CSS compilers and converting IE hacks to conditional css

and it would be nice to implement that in a minimal way that would allow me to specify it for a given element and be on my way (for instance in Less, you can create a class with styles, pass that class to another element, and that element will inherit all of those styles. It would be nice to pass an element .inline-block; and it create the styles needed to support IE6/7 without having to resort to stuff like

Any ideas?

EDIT: for instance as well, how could I do something like clearfix for LESS? (lesscss.org)? If Sass can only do it then that will work too.

0 投票する
1 に答える
848 参照

sass - Sassの問題:> sass --watch style.scss:style.css無効なオプション:-watch

私が走るとき:

sass --watch style.scss:style.css

私にくれます

無効なオプション:-watch

なぜ?これはいい:

sass -v

私に与える:

Haml / Sass 2.2.24(強力なペニー)