Skip to content

Commit

Permalink
fix: array-table/main.scss mixed-decls Deprecation warning on sass@1.…
Browse files Browse the repository at this point in the history
…77.7 +

see: 
https://sass-lang.com/documentation/breaking-changes/mixed-decls/#example-mixed-declarations-opt-in-scss

warning report:

```shell
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

    ╷
47  │ ┌           &.#{$css-prefix}formily-item-warning-help {
48  │ │             color: $form-warning-color;
49  │ │           }
    │ └─── nested rule
... │
54  │             top: 100%;
    │             ^^^^^^^^^ declaration
    ╵
    stdin 54:11  root stylesheet
```

## issues
- sass/dart-sass#2280
- vitejs/vite#7116
  • Loading branch information
veaba authored Jul 30, 2024
1 parent 5472532 commit ec18e32
Showing 1 changed file with 15 additions and 13 deletions.
28 changes: 15 additions & 13 deletions packages/next/src/array-table/main.scss
Original file line number Diff line number Diff line change
Expand Up @@ -48,19 +48,21 @@ $array-table-prefix-cls: '#{$css-prefix}formily-array-table';
color: $form-warning-color;
}

min-width: 30px;
position: absolute;
font-size: 12px;
top: 100%;
width: 100%;
z-index: 1;
border-radius: 3px;
background-color: #fff;
border: 1px solid #eee;
padding: 6px 8px;
margin-top: 6px;
transform: translateY(0);
opacity: 1;
& {
min-width: 30px;
position: absolute;
font-size: 12px;
top: 100%;
width: 100%;
z-index: 1;
border-radius: 3px;
background-color: #fff;
border: 1px solid #eee;
padding: 6px 8px;
margin-top: 6px;
transform: translateY(0);
opacity: 1;
}
&:after {
content: ' ';
background-color: #fff;
Expand Down

0 comments on commit ec18e32

Please sign in to comment.