CSS Deprecation Issue for Team: kibana-visualizations, Found in file: dialog.scss

[petrklapka]

DEPRECATION: 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 & {}.

The file below has one or more instances where CSS behavior will change unless
the declaration is moved above the nested rule. Line numbers for the declaration
along with the file and line numbers in which the nested rule appears are
shown below.

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

kibana/src/plugins/visualizations/public/wizard/dialog.scss

   ┌──> kibana/src/plugins/visualizations/public/wizard/dialog.scss
10 │     max-width: $modalWidth;
   │     ^^^^^^^^^^^^^^^^^^^^^^ declaration
   ╵
   ┌──> kibana/node_modules/@elastic/eui/src/global_styling/mixins/_responsive.scss
34 │ ┌           @media only screen and (min-width: $minSize) and (max-width: $maxSize) {
35 │ │             @content;
36 │ │           }
   │ └─── nested rule
   ╵

   ┌──> kibana/src/plugins/visualizations/public/wizard/dialog.scss
11 │     max-height: $modalHeight;
   │     ^^^^^^^^^^^^^^^^^^^^^^^^ declaration
   ╵
   ┌──> kibana/node_modules/@elastic/eui/src/global_styling/mixins/_responsive.scss
34 │ ┌           @media only screen and (min-width: $minSize) and (max-width: $maxSize) {
35 │ │             @content;
36 │ │           }
   │ └─── nested rule
   ╵

   ┌──> kibana/src/plugins/visualizations/public/wizard/dialog.scss
12 │     background: $euiColorEmptyShade;
   │     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ declaration
   ╵
   ┌──> kibana/node_modules/@elastic/eui/src/global_styling/mixins/_responsive.scss
34 │ ┌           @media only screen and (min-width: $minSize) and (max-width: $maxSize) {
35 │ │             @content;
36 │ │           }
   │ └─── nested rule
   ╵

   ┌──> kibana/src/plugins/visualizations/public/wizard/dialog.scss
20 │     max-width: $modalWidth;
   │     ^^^^^^^^^^^^^^^^^^^^^^ declaration
   ╵
   ┌──> kibana/node_modules/@elastic/eui/src/global_styling/mixins/_responsive.scss
34 │ ┌           @media only screen and (min-width: $minSize) and (max-width: $maxSize) {
35 │ │             @content;
36 │ │           }
   │ └─── nested rule
   ╵

   ┌──> kibana/src/plugins/visualizations/public/wizard/dialog.scss
21 │     max-height: $modalHeight;
   │     ^^^^^^^^^^^^^^^^^^^^^^^^ declaration
   ╵
   ┌──> kibana/node_modules/@elastic/eui/src/global_styling/mixins/_responsive.scss
34 │ ┌           @media only screen and (min-width: $minSize) and (max-width: $maxSize) {
35 │ │             @content;
36 │ │           }
   │ └─── nested rule
   ╵

[elasticmachine]

Pinging @elastic/kibana-visualizations (Team:Visualizations)