問題タブ [scss-mixins]

scss で、コントラストの変更 (本体に変更コントラスト クラスを追加) をクリックして色を変更しようとしています。

私の静的な色は次のようになります:

$primary-color-blue: #2aace2 ;

$mid-blue-color: #2695d2 ;

$ダークブルーカラー: #124b62 ;

コントラストの変更時:

$primary-color-blue: #177eab ;

$mid-blue-color: #1c6f9b ;

$ダークブルーカラー: #124b62 ;

sassのようなものでなければなりません

以下のようにしようとしていますが、以下のようにする場合は、すべてのクラスに追加する必要があります。

これについてあなたの助けに感謝します!!

ありがとう

複数の雲を異なる速度で動かして空をアニメーション化するアニメーションを作成しようとしています。再利用可能なコードを作成しようとして、ミックスインに移行しましたが、問題が発生したようです。

雲にはさまざまな開始位置があります (たとえば、右で定義: 100px - $startpos で渡されます)。最初のページロードでは、雲は正しい位置にありますが、アニメーションはランダムな正しい位置から始まります。

私のscssコードは次のようになっています

感嘆符にカーソルを合わせた後、 https://meshto.space/で動作を再現できます

これにより、4 つの CSS クラスが出力されます。

引数として渡す名前に基づいて、4 つのクラスすべてまたは 1 つのクラスのみを生成しようとしています。

私の出力は次のようにする必要があります:

または

私が渡す引数に基づいています。

さらに説明するには; @include必要に応じて、以下の両方の方法で同じ SASS マップを使用しようとしています。

また

私はここで立ち往生しており、これが達成可能かどうかわかりません。どんな助けでも大歓迎です。

だから、背景画像の設定が機能しない理由について少し混乱しています。.top などの他の SCSS メソッドを使用して色などを設定できますが、SCSS を介して画像を取得すると、アプリケーションでエラーが発生します。

神話:

スタイル.scss:

アプリは本番モードで実行されており、イメージ ファイルのパスは次のとおりです。

D:\Programming\app\src\main\WebContent\VAADIN\themes\mytheme\img\background.jpg

エラー：

ここで何が起こっているのか誰にも分かりませんか？