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

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/chart_expressions/expression_heatmap/public/components/index.scss

   ┌──> kibana/src/plugins/chart_expressions/expression_gauge/public/components/index.scss
4  │     height: 100%;
   │     ^^^^^^^^^^^^ declaration
   ╵
   ┌──> kibana/node_modules/@elastic/eui/src/global_styling/mixins/_helpers.scss
31 │ ┌   &::-webkit-scrollbar-corner,
32 │ │   &::-webkit-scrollbar-track {
33 │ │     background-color: $trackBackgroundColor;
34 │ │   }
   │ └─── nested rule
   ╵

   ┌──> kibana/src/plugins/chart_expressions/expression_gauge/public/components/index.scss
5  │     width: 100%;
   │     ^^^^^^^^^^^ declaration
   ╵
   ┌──> kibana/node_modules/@elastic/eui/src/global_styling/mixins/_helpers.scss
31 │ ┌   &::-webkit-scrollbar-corner,
32 │ │   &::-webkit-scrollbar-track {
33 │ │     background-color: $trackBackgroundColor;
34 │ │   }
   │ └─── nested rule
   ╵

   ┌──> kibana/src/plugins/chart_expressions/expression_gauge/public/components/index.scss
8  │     overflow: hidden;
   │     ^^^^^^^^^^^^^^^^ declaration
   ╵
   ┌──> kibana/node_modules/@elastic/eui/src/global_styling/mixins/_helpers.scss
31 │ ┌   &::-webkit-scrollbar-corner,
32 │ │   &::-webkit-scrollbar-track {
33 │ │     background-color: $trackBackgroundColor;
34 │ │   }
   │ └─── nested rule
   ╵

   ┌──> kibana/src/plugins/chart_expressions/expression_gauge/public/components/index.scss
9  │     user-select: text;
   │     ^^^^^^^^^^^^^^^^^ declaration
   ╵
   ┌──> kibana/node_modules/@elastic/eui/src/global_styling/mixins/_helpers.scss
31 │ ┌   &::-webkit-scrollbar-corner,
32 │ │   &::-webkit-scrollbar-track {
33 │ │     background-color: $trackBackgroundColor;
34 │ │   }
   │ └─── nested rule
   ╵

   ┌──> kibana/src/plugins/chart_expressions/expression_heatmap/public/components/index.scss
4  │     height: 100%;
   │     ^^^^^^^^^^^^ declaration
   ╵
   ┌──> kibana/node_modules/@elastic/eui/src/global_styling/mixins/_helpers.scss
31 │ ┌   &::-webkit-scrollbar-corner,
32 │ │   &::-webkit-scrollbar-track {
33 │ │     background-color: $trackBackgroundColor;
34 │ │   }
   │ └─── nested rule
   ╵

   ┌──> kibana/src/plugins/chart_expressions/expression_heatmap/public/components/index.scss
5  │     width: 100%;
   │     ^^^^^^^^^^^ declaration
   ╵
   ┌──> kibana/node_modules/@elastic/eui/src/global_styling/mixins/_helpers.scss
31 │ ┌   &::-webkit-scrollbar-corner,
32 │ │   &::-webkit-scrollbar-track {
33 │ │     background-color: $trackBackgroundColor;
34 │ │   }
   │ └─── nested rule
   ╵

   ┌──> kibana/src/plugins/chart_expressions/expression_heatmap/public/components/index.scss
8  │     overflow: auto hidden;
   │     ^^^^^^^^^^^^^^^^^^^^^ declaration
   ╵
   ┌──> kibana/node_modules/@elastic/eui/src/global_styling/mixins/_helpers.scss
31 │ ┌   &::-webkit-scrollbar-corner,
32 │ │   &::-webkit-scrollbar-track {
33 │ │     background-color: $trackBackgroundColor;
34 │ │   }
   │ └─── nested rule
   ╵

   ┌──> kibana/src/plugins/chart_expressions/expression_heatmap/public/components/index.scss
9  │     user-select: text;
   │     ^^^^^^^^^^^^^^^^^ declaration
   ╵
   ┌──> kibana/node_modules/@elastic/eui/src/global_styling/mixins/_helpers.scss
31 │ ┌   &::-webkit-scrollbar-corner,
32 │ │   &::-webkit-scrollbar-track {
33 │ │     background-color: $trackBackgroundColor;
34 │ │   }
   │ └─── nested rule
   ╵

   ┌──> kibana/src/plugins/chart_expressions/expression_heatmap/public/components/index.scss
10 │     padding: $euiSizeS;
   │     ^^^^^^^^^^^^^^^^^^ declaration
   ╵
   ┌──> kibana/node_modules/@elastic/eui/src/global_styling/mixins/_helpers.scss
31 │ ┌   &::-webkit-scrollbar-corner,
32 │ │   &::-webkit-scrollbar-track {
33 │ │     background-color: $trackBackgroundColor;
34 │ │   }
   │ └─── nested rule
   ╵

elastic / kibana

CSS Deprecation Issue for Team: kibana-visualizations, Found in file: index.scss #190914