search

kmycode / mastodon

A fork of Mastodon for small communities, including emoji-reaction, quote, antenna, circle and the truth of ohagi.
GNU Affero General Public License v3.0
34 stars 8 forks source link

SCSSのプリコンパイル警告 #794

Closed kmycode closed 3 months ago

kmycode commented 3 months ago

バグの再現手順

  1. RAILS_ENV=production bin/rails assets:precompile

期待する動作

警告なしにプリコンパイル終了

実際の動作

DEPRECATION WARNING: Sass's behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.

More info: https://sass-lang.com/d/mixed-decls

   ┌──> app/javascript/styles/mastodon/components.scss
5186│       padding: 0;
   │       ^^^^^^^^^^ declaration
   ╵
   ┌──> app/javascript/styles/mastodon/_mixins.scss
41 │ ┌   em {
42 │ │     font-weight: 500;
43 │ │     color: $inverted-text-color;
44 │ │   }
   │ └─── nested rule
   ╵
    app/javascript/styles/mastodon/components.scss 5186:5  @import
    app/javascript/styles/application.scss 15:9            root stylesheet

DEPRECATION WARNING: Sass's behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.

More info: https://sass-lang.com/d/mixed-decls

   ┌──> app/javascript/styles/mastodon/components.scss
5187│       background: $ui-secondary-color;
   │       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ declaration
   ╵
   ┌──> app/javascript/styles/mastodon/_mixins.scss
41 │ ┌   em {
42 │ │     font-weight: 500;
43 │ │     color: $inverted-text-color;
44 │ │   }
   │ └─── nested rule
   ╵
    app/javascript/styles/mastodon/components.scss 5187:5  @import
    app/javascript/styles/application.scss 15:9            root stylesheet

DEPRECATION WARNING: Sass's behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.

More info: https://sass-lang.com/d/mixed-decls

   ┌──> app/javascript/styles/mastodon/components.scss
5186│       padding: 0;
   │       ^^^^^^^^^^ declaration
   ╵
   ┌──> app/javascript/styles/mastodon/_mixins.scss
41 │ ┌   em {
42 │ │     font-weight: 500;
43 │ │     color: $inverted-text-color;
44 │ │   }
   │ └─── nested rule
   ╵
    app/javascript/styles/mastodon/components.scss 5186:5  @import
    app/javascript/styles/application.scss 15:9            @import
    app/javascript/styles/full-dark.scss 2:9               root stylesheet

DEPRECATION WARNING: Sass's behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.

More info: https://sass-lang.com/d/mixed-decls

   ┌──> app/javascript/styles/mastodon/components.scss
5187│       background: $ui-secondary-color;
   │       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ declaration
   ╵
   ┌──> app/javascript/styles/mastodon/_mixins.scss
41 │ ┌   em {
42 │ │     font-weight: 500;
43 │ │     color: $inverted-text-color;
44 │ │   }
   │ └─── nested rule
   ╵
    app/javascript/styles/mastodon/components.scss 5187:5  @import
    app/javascript/styles/application.scss 15:9            @import
    app/javascript/styles/full-dark.scss 2:9               root stylesheet

DEPRECATION WARNING: Sass's behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.

More info: https://sass-lang.com/d/mixed-decls

   ┌──> app/javascript/styles/mastodon/components.scss
5186│       padding: 0;
   │       ^^^^^^^^^^ declaration
   ╵
   ┌──> app/javascript/styles/mastodon/_mixins.scss
41 │ ┌   em {
42 │ │     font-weight: 500;
43 │ │     color: $inverted-text-color;
44 ��� │   }
   │ └─── nested rule
   ╵
    app/javascript/styles/mastodon/components.scss 5186:5  @import
    app/javascript/styles/application.scss 15:9            @import
    app/javascript/styles/contrast.scss 2:9                root stylesheet

DEPRECATION WARNING: Sass's behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.

More info: https://sass-lang.com/d/mixed-decls

   ┌──> app/javascript/styles/mastodon/components.scss
5187│       background: $ui-secondary-color;
   │       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ declaration
   ╵
   ┌──> app/javascript/styles/mastodon/_mixins.scss
41 │ ┌   em {
42 │ │     font-weight: 500;
43 │ │     color: $inverted-text-color;
44 │ │   }
   │ └─── nested rule
   ╵
    app/javascript/styles/mastodon/components.scss 5187:5  @import
    app/javascript/styles/application.scss 15:9            @import
    app/javascript/styles/contrast.scss 2:9                root stylesheet

DEPRECATION WARNING: Sass's behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.

More info: https://sass-lang.com/d/mixed-decls

   ┌──> app/javascript/styles/mastodon/components.scss
5186│       padding: 0;
   │       ^^^^^^^^^^ declaration
   ╵
   ┌──> app/javascript/styles/mastodon/_mixins.scss
41 │ ┌   em {
42 │ │     font-weight: 500;
43 │ │     color: $inverted-text-color;
44 │ │   }
   │ └─── nested rule
   ╵
    app/javascript/styles/mastodon/components.scss 5186:5  @import
    app/javascript/styles/application.scss 15:9            @import
    app/javascript/styles/mastodon-light.scss 2:9          root stylesheet

DEPRECATION WARNING: Sass's behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.

More info: https://sass-lang.com/d/mixed-decls

   ┌──> app/javascript/styles/mastodon/components.scss
5187│       background: $ui-secondary-color;
   │       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ declaration
   ╵
   ┌──> app/javascript/styles/mastodon/_mixins.scss
41 │ ┌   em {
42 │ │     font-weight: 500;
43 │ │     color: $inverted-text-color;
44 │ │   }
   │ └─── nested rule
   ╵
    app/javascript/styles/mastodon/components.scss 5187:5  @import
    app/javascript/styles/application.scss 15:9            @import
    app/javascript/styles/mastodon-light.scss 2:9          root stylesheet

詳しい情報

今後のバージョンでコンパイルできなくなる可能性があるので、早めに対応したい

バグが発生したkmyblueサーバーのドメイン

kmy.blue

バグが発生したkmyblueのバージョン

14.0-dev

ブラウザの名前

No response

OS

No response

その他の詳細情報

No response