問題タブ [scss-lint]

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 に答える
124 参照

ruby-on-rails - コードシップで実行するために scss-lint を統合する方法は?

私は、コードシップで rspec テストを実行するプロジェクトに取り組んでおり、ruby スタイルの一貫性のために rubocop も使用しています。

私たちは、scss-lintを開発および sass スタイルのエディター統合として使用しています。

scss-lint をコードシップに統合したいので、テスト スイートを実行した後に rspec と rubocop で得られるものと同様のレポートが得られます。

誰でもこれを行うための詳細な方法を手伝ってもらえますか? これをすばやく簡単に達成する方法はありますか? (rubocop の統合方法と同様)。

docker に関する codeship ドキュメントを読みましたが、現在 docker を使用していないため、別の解決策があるかどうか疑問に思っていました。

ご協力いただきありがとうございます!

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

php - 送信ボタンの後にフォームを追加するには?

私は 1 つのコンテストを作成し、そのコンテストを送信するときに、wordpress サイトでフルネームや電子メール ID などのフォームを開きます。

wordpressサイトでクイズ大会を作りたいです。お気に入り

1.チェコスロバキアってどこ?

1.プラハ

2.アメリカ

3.アジア

ここでチェックボックスボタンを使いたい。これを行う方法?ワードプレスでこれをすべて追加する方法?

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

css - angular2の個々のコンポーネントでグローバルSASS mixin関数にアクセスするには?

グローバル SCSS ファイルに共通の SCSS mixin 関数があります。しかし、angular2 コンポーネント内の mixin 関数にアクセスできませんでした。

私は、次の mixin 関数を持つグローバルな style.scss を持っています

私は component.scss のようなこの mixin 関数にアクセスしようとしています

これを実行するとエラーが表示されます

ここに画像の説明を入力

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

css - scssでdata-placeholder属性をスタイルする方法は?

SCSS でデータ プレース ホルダーのスタイルを設定しようとしています。率直に言って、データ プレース ホルダーの色を既存の色から濃い灰色に変更したいのですが、うまくいきません。

私のHTML5コードが添付されています。

添付は私の SCSS コードです。

どんな助けでも大歓迎です。

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

sass - SCSS 変数はブラウザーのハッキングとしてレンダリングされます

$variablesSCSS を読み取るようにstylelint を構成しました!default。これで修正されるかもしれないと思って stylelint-scss プラグインをロードしましたが、修正されていません。真のブラウザー ハッキングに対してブラウザー ハック ルールを有効にしたいのですが、すべての SCSS 項目で失敗した場合はこれをオフにする必要があります。

ブラウザ ハック ルールを有効にしておく方法を知っている人はいますか? SCSS の標準変数のようなブラウザ以外のハックでは失敗しませんか?

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

sass - @charset UTF-8 で scss-lint エラーが発生するのは、Front Matter が原因です

デフォルトのsassおよびscss-lintリンターでscssファイルをlintするように構成されたSyntastic構文チェックプラグインでVimを使用しています。
Jekyll プロジェクトで css/main.scss を開くと、scss-lint が次のエラーを返します。
css/main.scss:5:1 [E] Syntax Error: Invalid CSS after "@charset "utf-8"": expected "{", was ";"

charset 宣言を削除すると、次の行で同じエラーが発生し、以降も同様です...
Front Matter ブロックを削除すると、scss-lint はエラーを報告しなくなりますが、Jekyll では、sass の先頭に空の Front Matter ブロックが必要です。ファイルを処理してパーシャルをインポートし、css を出力します。

Front Matter ブロックを無視するように scss-lint を設定するにはどうすればよいですか?

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

css - Angular 2 の検査要素にスタイルが埋め込まれているように見えるのはなぜですか?

dashgumという名前の無料の HTML テーマをインターネットからダウンロードしました。angular-cliを使用してAngular2アプリケーションに実装しています。css ファイルを .scss に変換し、コードを angular アプリケーションに貼り付けました。次に、 styles.scssという名前のグローバル スタイル ファイルにファイルをインポートして、次のようにスタイルをアプリケーションに適用しました。

デバッグ中に直面している問題は、すべてのスタイルが次のようにブラウザーに埋め込まれたスタイルとして表示されることです (スタイル タグに注意してください)。

ここに画像の説明を入力

テーマのように検査中にスタイルを外部スタイルとして表示したい。次のスクリーンショットで注意してください。

ここに画像の説明を入力

これらは Angular 2 のデフォルト設定です。これは、検査時にスタイルが埋め込まれて表示されるように明らかな変更を加えていないためです。検査時にスタイルが外部スタイルとして表示されるように、Angular 2 の設定を変更する既知の方法はありますか? 埋め込まれたスタイルにより、デバッグが難しくなります。解決策を指摘する助けをいただければ幸いです。

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

css - SASS/SCSS のアンパサンドの使用

アンパサンドの使用に問題があります。このように使用すると:

それから私は私が望むものを達成しています:

しかし、リンターは、疑似要素をその親クラス内にネストする必要があると不平を言っています。私はこれを試しました:

しかし、結果は私が望むものではありません:

これはHTMLです:

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

node.js - Angular 2 CLI SCSS インライン イメージ

Compass で最初に記述したサイトを再コーディングしていますが、inline-imageで多くのインライン base 64 イメージを使用しています。現在、node-sass で Angular 2 CLI を使用していますが、その機能は使用できません。という名前のライブラリがあります。 sass-inline-image ですが、gulp 構成が必要で、どこに配置すればよいかわかりません。誰かがこれを修正する方法を知っていますか?