問題タブ [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.
ruby-on-rails - Ruby on Railsは「コードが変更されない限り」コントローラーをキャッシュできますか?
職場では、
が実行されると、すべてのコントローラーコードがキャッシュされます。これは、開発サーバーを高速化するためです。ただし、これは、コントローラーコードを変更するたびに、サーバーを再起動する必要があることを意味します。
したがって、コントローラーコードのキャッシュをすべてオフにすることができます。しかし、JavaScriptを含めるのと同様のメカニズムはあり得ません
コードが変更されていない限り、キャッシュされたバージョンを使用しますが、コードが変更されたときに再コンパイルしますか?
HAMLとSASSを頻繁に使用しているためか、一部のページ(サイトのホームページなど)の読み込みには、開発環境で40秒かかる場合があり、非常に長い時間がかかります。
sass - SCSS を支持して SASS が廃止されたのはなぜですか?
基本的に、なぜ SASS ではなく SCSS なのですか? 私が SASS を選んだ主な理由は、SASS の省略形でした。理由はありますか?
haml - HAML ファイルの変更を監視して保存する方法
特定のファイルを保存するたびに HAML コマンドを実行したいと考えています。これはコンパスで実行できることは知っていますが、HAMLではなく、sassの場合にのみ、誰かがこれを実行したり、方法を案内したりしています。
css-selectors - sassを使用して、「#div1 img、#div2 img {height:80px}」のスタイルをどのように設定しますか?
sassを使用して、どのようにスタイリングしますか
?mixins
唯一の方法を使用していますか?
css - CSSでは、「#main #display img { ... }」のように、IDを別のIDにネストすることは理にかなっていますか、それとも合法ですか?
CSS では、
display
これは、 idを持つ別の要素内にあるid を持つ要素内のすべての画像を意味しますmain
。しかし、idは単なるグローバル名のように見えるので、それは理にかなっていますか、それとも合法ですか。
SASSは実際にネストを許可しており、一部のコードはそれをネストする可能性があるためです
これは「id内のid」です。
更新:これは、おそらく、決して存在してはならないためです
つまり、id を持つ 2 つの要素があってはなりませんdisplay
。通常、書く代わりに
あなたも書くかもしれません
ruby-on-rails - Ruby on Rails の HAML で、:sass フィルターを使用する方法は?
Ruby on Rails で HAML を使用する場合、
<style>
それらの周りにタグはありません。
その後
:sass
フィルターはかかりませんが、
フィルタを開始しますが、タグ:sass
の外側にあります。では、フィルター<style>
はどのように使用できますか? :sass
手動でラップすることはできますが、HAML ファイルのタグ内では<style>
なく、sass から css を生成することは一般的ではありません。<style>
ruby-on-rails - RailsのSASS/SCSSからCSSを自動更新しますか?
Rails(2.3.8。)内でSASS / SCSSがどのように機能するかについて混乱しているかもしれませんが、オプションを含めると、
SCSSファイルを変更してから、ページ(コントローラー)をもう一度押すと、SCSSが再コンパイルされます。
私はこれを機能させることができないようであり、それのための良いチュートリアル/例を見つけることができないようです。上記のプロパティをEnvironment.rbファイルに設定しようとしましたが、何も実行されなかったようです。require'sass'を使用して独自のイニシャライザーに入れてみましたが、それも機能しないようです。
私は何が欠けていますか?または、スタイルをすばやくデバッグ/変更できるようにするために、sass --watchコマンドを実行してターミナルを開いたままにする必要がありますか?
どうも
css - CSSでは、「#footer#caption」は「#content#caption」と共存できますか?
id
このようにCSSを「ネスト」するつもりでした
それがSASS(CSSジェネレーター)がネストを行う方法だからです...しかし、1つのHTMLドキュメントではid
、同じ名前の2つのを持つことはできません。そうではないので、上記のネストは機能しないか、勝ちます。うまくいきません。(特に、要素を選択するためにdocument.getElementById()または$('#caption')または$('caption')が必要な場合)。
使用できます
しかし、なぜもう1レベルのネストがあるのでしょうか。なぜだけではないのですか
?
css - CSSジェネレーターであるSASSがmargin:10pxなどの行を拒否する必要がある理由はありますか?(コロンの後にスペースはありません)
すべてのCSSをSASSに変更する必要があります...そしてそれを見つける
CSSで作業し、SASSで失敗するとやや不安になります...
1つを見逃すのは簡単で、何が欠けているのかわかりません(最終的なCSSで機能していないのに、何がわからないのか)
私は/:\ S /(コロンの後に空白以外のスペースが続く)をgrepして、TextMate(Macテキストエディター)を使用してそのようなケースがあるかどうかを確認しています...しかし、それらのa:hoverも表示されます。
ruby-on-rails - Sassでのコロン構文と変数の使用
私はまだ古いコロン構文(ブラケット構文よりもそれを好む)とこの特定のコードを使用しています:
次のような警告を生成します。
非推奨の警告:12行目で、'/Users/eumir/rails_apps/dxconnect/app/ stylesheets / partials / Utilities / _link-styles.sass'の文字3は非推奨になり、バージョン3.2で削除されます。代わりに「background:$main-color」を使用してください。
試しましたが、背景色が表示されません。これについて何か助けがありますか?ありがとう!