問題タブ [libsass]

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 投票する
1 に答える
52 参照

gruntjs - Grunt -- ディスク上のルート ディレクトリの名前が変更され、CSS へのコンパイルが行われなくなりました

Win8 マシンで Grunt をセットアップして['sass', 'autoprefixer', 'connect', 'watch']、ブラウザでライブ リフレッシュとデザインを問題なく実行するタスクを実行しました。プロセスはフォルダーの変更を監視し、SCSS から CSS にコンパイルし、ブラウザーを正常に更新しました。

その後、昨夜遅くにディスク上のディレクトリの名前を変更しました-からc:\ruby-sass-susyc:\libsass-susy。悲しいことに、これは私のセットアップを台無しにしました:(

ここで、デフォルトを実行するとgrunt、サーバーが起動し、最初にファイルがコンパイルされ、プロジェクトが正常に動作する準備が整った状態でブラウザーが起動します。

しかし、変更して保存.scssしても何もコンパイルされません。コマンドラインに表示されるもの:

しかし、コンパイルは行われずglobal.css、関連するマップ ファイルは作成されず、アクティビティはまったくありません。

私が試したこと:

  • npm uninstall <package>関連するwatchconnect
    およびgrunt-sassパッケージのそれぞれについて。

  • npm install <package> --save-dev3つすべてで、3つすべてのクリーンな再インストールを取得します

  • それから(それが何もしなかったとき)私は新しいディレクトリで始めました- mypackage.jsonとを使用してbower.json、新しいディレクトリにすべての依存関係を最初から再インストールし、 にコピーし、Gruntfileすべてをもう一度実行してテストしました

新しいディレクトリでも同じ結果が得られます。どうしたの?問題は、Node または npm のインストールのさらに先にあるのでしょうか? 何かが正しいディレクトリを指していませんか? (すみません、私は Grunt や JavaScript プログラミングの専門家ではありません)

これが私の Gruntfile です。関連するビットです。デフォルトで実行していないパッケージは省略しました。

~~~

0 投票する
0 に答える
139 参照

ember.js - Ember アプリでの libsass segfault のデバッグ

Ember CLI 0.1.15 で作業中のプロジェクトを作成し、それを 0.2.2 にプッシュしたところ、セグメンテーション エラーが発生し始めました。node-segfault-handlerをインストールすることで、何が起こっているのかをある程度把握することができましたが、これらのダンプを読むのが得意ではありませんでした。明らかに SASS コンパイルに関連していること以外は、あまり取り除かれていません。

私は他のプロジェクトで動作するember-cli-sassアドオン (バージョン 3.1.0) を使用しているので、これをデバッグする方法を知りたいです。どんな助けでも大歓迎です。

0 投票する
13 に答える
72132 参照

node.js - nodejsでnode-sassを使用するとlibsassバインディングが見つからない

node-sassアプリケーションでモジュールを使用しnode.js v0.12て、 のパフォーマンスを活用したいと考えていますlibsass。モジュールをインストールするため
に実行しましたが、これまでのところエラーはありません。npm i node-sass

ここで混乱が始まります:ターミナルで を
開いREPLて試してみるとnode-sass、すべて正常に動作しますが、それをプロジェクト ファイルに含めて実行するとnode myfile.js、次のエラー メッセージが表示されます。

npmjs.comのモジュールの説明には、Ubuntuでの解決に問題がある可能性があり、#!/usr/bin/env nodeこれを修正する方法が記載されていますが、私のマシンではそうではありません。
役に立つものが見つからなかったので、助けていただければ幸いです。

Ubuntu 14.10 でノード v0.12.2 を使用しています。

PS: node-sass を再インストールしようとしましたが、成功しませんでした。何も変わりません。

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

sass - @-ms-keyframesのSASS無効なトップレベル式

私は(とりわけ)これを含む基本的なscssファイルを持っています:

コンパイルしようとすると、invalid top level expression上記のコードで示した行に が表示されます。さて、次のコードを削除してみました。

そして今、それはうまくコンパイルされます。このコード ブロックで sass が問題を起こすのはなぜでしょうか? node-sass (libsass 3.2) を使用しています。

0 投票する
4 に答える
6299 参照

sass - gulp-sass を実行しているときに使用している Sass のバージョンを確認するにはどうすればよいですか?

gulp-sassを使い始めたばかりですが、使用されている Sass のバージョンを確認する「簡単な」方法はありますか?

それほど重要だとは思いませんが、Visual Studio 2015 (CTP6) で gulp -sassを使用しています。

特定の最小バージョンの Sass を必要とする Sass mixin を使用したいので、知る必要があります。

現時点で、使用されている Sass のバージョンを知りたい場合は、次のような道をたどってます。Sass 用の C コンパイラ。

したがって、私の環境で使用されている Sass のバージョンを調べるには、チェーンをたどって、各ステップで使用されているバージョンと、次のステップで使用されているバージョンを特定する必要があります。

きっともっと簡単な方法があるはずですか?

0 投票する
0 に答える
58 参照

css - Sass: ネストされたマップから値とキーを取得する

Sassのネストされたマップから値とキーを取得しようとしています(具体的にはlibsassを使用しています)。

親マップを正常にループしていますが、各子マップの各アイテムの値とキーを取得する必要があります。

これはすべてSassmeisterにあり、おそらく最も簡単に確認できる場所です: http://sassmeister.com/gist/04ba839b0edff4b84a93

私の地図:

私のミックスイン:

参考までに:これも一部ですが、正しく機能しています:

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

css - Autoprefixer: プレフィックスを追加しない

Autoprefixer を Grunt、Livereload、および node-sass で動作させようとしています。

接頭辞が付いていないようです。

以下は私のGruntfile.jsです:

ファイルにプレフィックスが付けられていることを示す grunt コマンドの出力が表示されますが、css/styles.css を開くと、プレフィックスが表示されません。

何か案は?

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

responsive-design - Sass/Scss - 小数点以下の切り捨て

次の Sass ルールがあります。

次の css を出力します。

代わりに、このルールを次のようにする必要があります (10 進数の精度は重要ではありません。最後の値が 7 ではなく 6 であることだけです)。これは、サブピクセル レンダリングの問題を解決するためです。

sass 'floor' 関数を使用すると、全体が '16%' に切り捨てられます。Sassで小数点以下の桁数を切り捨てる方法はありますか? これを行うために mixin を使用するのはどうですか? libsass (sass 3.2) を使用しています。

「精度」の調整が機能しません - 最後の値はまだ「7」です。精度だけを変更すると、小数点以下の桁数が切り捨てられるだけです。必要なように、最後の小数点以下を切り捨てません。

コードペン: http://codepen.io/calumbrodie/pen/aOzVga

編集:これを重複としてマークした人は誰でも-これは別の質問です。他の質問は「精度」に関するものですが、これが「精度」に関するものではない理由を明示的に説明しています。私は本当にそれを明確にすることはできません。