DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. #4543

dangrussell · 2021-06-25T14:18:26Z

.scss files use "/" for division. Should be changed to use math.div()

DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div(ag-param(grid-size), 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
246 │         margin: ag-param(grid-size) / 2 0;
    │                 ^^^^^^^^^^^^^^^^^^^^^^^
    ╵
    node_modules\@ag-grid-enterprise\all-modules\dist\styles\ag-theme-base\sass\parts\_widgets.scss 246:17         ag-theme-base-part-widgets()    node_modules\@ag-grid-enterprise\all-modules\dist\styles\ag-theme-base\sass\_ag-theme-base-mixin.scss 39:5     ag-theme-base()
    node_modules\@ag-grid-enterprise\all-modules\dist\styles\ag-theme-alpine\sass\_ag-theme-alpine-mixin.scss 8:5  ag-theme-alpine()
    node_modules\@ag-grid-enterprise\all-modules\dist\styles\ag-theme-alpine\sass\ag-theme-alpine.scss 7:5         @import

DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div(ag-param(grid-size), 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
255 │         margin-bottom: ag-param(grid-size) / 2;
    │                        ^^^^^^^^^^^^^^^^^^^^^^^
    ╵
    node_modules\@ag-grid-enterprise\all-modules\dist\styles\ag-theme-base\sass\parts\_widgets.scss 255:24         ag-theme-base-part-widgets()    node_modules\@ag-grid-enterprise\all-modules\dist\styles\ag-theme-base\sass\_ag-theme-base-mixin.scss 39:5     ag-theme-base()
    node_modules\@ag-grid-enterprise\all-modules\dist\styles\ag-theme-alpine\sass\_ag-theme-alpine-mixin.scss 8:5  ag-theme-alpine()
    node_modules\@ag-grid-enterprise\all-modules\dist\styles\ag-theme-alpine\sass\ag-theme-alpine.scss 7:5         @import

DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div(ag-param(widget-container-vertical-padding), 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
493 │         padding: (ag-param(widget-container-vertical-padding) / 2) 0px;
    │                   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    ╵
    node_modules\@ag-grid-enterprise\all-modules\dist\styles\ag-theme-base\sass\parts\_widgets.scss 493:19         ag-theme-base-part-widgets()    node_modules\@ag-grid-enterprise\all-modules\dist\styles\ag-theme-base\sass\_ag-theme-base-mixin.scss 39:5     ag-theme-base()
    node_modules\@ag-grid-enterprise\all-modules\dist\styles\ag-theme-alpine\sass\_ag-theme-alpine-mixin.scss 8:5  ag-theme-alpine()
    node_modules\@ag-grid-enterprise\all-modules\dist\styles\ag-theme-alpine\sass\ag-theme-alpine.scss 7:5         @import

DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div(ag-param(grid-size), 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

   ╷
25 │         margin-top: ag-param(grid-size) / 2;
   │                     ^^^^^^^^^^^^^^^^^^^^^^^
   ╵
    node_modules\@ag-grid-enterprise\all-modules\dist\styles\ag-theme-base\sass\parts\_filter-tool-panel.scss 25:21  ag-theme-base-part-filter-tool-panel()
    node_modules\@ag-grid-enterprise\all-modules\dist\styles\ag-theme-base\sass\_ag-theme-base-mixin.scss 44:5       ag-theme-base()
    node_modules\@ag-grid-enterprise\all-modules\dist\styles\ag-theme-alpine\sass\_ag-theme-alpine-mixin.scss 8:5    ag-theme-alpine()
    node_modules\@ag-grid-enterprise\all-modules\dist\styles\ag-theme-alpine\sass\ag-theme-alpine.scss 7:5           @import

DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div(ag-param(grid-size), 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

   ╷
26 │         margin-bottom: ag-param(grid-size) / 2;
   │                        ^^^^^^^^^^^^^^^^^^^^^^^
   ╵
    node_modules\@ag-grid-enterprise\all-modules\dist\styles\ag-theme-base\sass\parts\_filter-tool-panel.scss 26:24  ag-theme-base-part-filter-tool-panel()
    node_modules\@ag-grid-enterprise\all-modules\dist\styles\ag-theme-base\sass\_ag-theme-base-mixin.scss 44:5       ag-theme-base()
    node_modules\@ag-grid-enterprise\all-modules\dist\styles\ag-theme-alpine\sass\_ag-theme-alpine-mixin.scss 8:5    ag-theme-alpine()
    node_modules\@ag-grid-enterprise\all-modules\dist\styles\ag-theme-alpine\sass\ag-theme-alpine.scss 7:5           @import

The text was updated successfully, but these errors were encountered:

sgtsquiggs · 2021-06-25T23:10:39Z

Everywhere that is X / 2 can be replaced with X * 0.5 without having to import sass:math

This can be automated via

$ npm install -g sass-migrator
$ sass-migrator division **/*.scss

dangrussell · 2021-06-26T02:54:52Z

Everywhere that is X / 2 can be replaced with X * 0.5 without having to import sass:math

This can be automated via
$ npm install -g sass-migrator

$ sass-migrator division **/*.scss

I was just regurgitating the recommended solution in the error message -- your way is cleaner & clever-er!

lk77 · 2021-06-29T07:01:27Z

yeah i already made an issue :

#4495

but this was abruptly closed by @makinggoodsoftware

they don't really care about issues on this github repo, try their support channel if you are a customer.

lounsbrough · 2021-06-29T22:28:50Z

I put a PR up to resolve, I don't know if maintainers will merge, we'll see!

makinggoodsoftware · 2021-07-01T16:16:55Z

Hi,

Your ticket has been flagged as in_zendesk, it means that we recognize this as an issue worth investigating so we have moved it to our official support channel for customers (zendesk)

We will carry on there with the investigation and we will update you as soon as possible.

Thanks

makinggoodsoftware · 2021-07-01T16:20:12Z

@lounsbrough Thanks for the PR, I have also processed that, now this has been raised to the dev team, please let us have a look, we will get back to you as soon as possible

Thanks!

lounsbrough · 2021-07-01T16:46:09Z

Sounds good, thanks!

gportela85 · 2021-07-02T11:06:06Z

Thanks for reporting. This issue will be patched in the next release.
Commits:
d5b8f53
91747f4

fgblomqvist · 2021-07-28T22:11:49Z

@gportela85 @makinggoodsoftware Are we gonna see a release of this anytime soon?

SETI-At-Home · 2021-08-02T12:41:21Z

Any update on this matter?

dprensha · 2021-09-20T17:07:30Z

I think the commit mentioned above (on Jul 2) was released as part of 26.0.0. However, now I'm seeing other deprecation warnings 😬

HERBOD7 · 2021-09-28T06:16:18Z

if you used node-sass and sass-loader,
please downgrade the packages to:
node-sass: "^4.14.1", sass-loader: "^10.1.0"

dangrussell · 2021-10-29T15:21:14Z

@best-lucky1030 I would guess that the sass-migrator tool migrates your code, but might not migrate SASS code that you're including from other packages/libraries. For example, it probably isn't going to change any code that's part of ag-grid. Can you identify from the error messages where the problematic code is located?

sarakahaveci · 2021-12-16T12:38:24Z

isnt there any solution to this problem?

ShaneK · 2021-12-16T14:28:55Z

@yamoonz the problem is fixed in current AG-Grid. If you're not subscribed and can't upgrade, you'll need to do a workaround like running the SASS migration script in post install or something.

vanishree165 · 2022-03-06T16:38:37Z

Everywhere that is X / 2 can be replaced with X * 0.5 without having to import sass:math

This can be automated via
$ npm install -g sass-migrator
$ sass-migrator division **/*.scss

This helps me a lot . Thanks @sgtsquiggs 😀

HCDestroyer · 2022-03-29T09:02:24Z

Everywhere that is X / 2 can be replaced with X * 0.5 without having to import sass:math

This can be automated via
$ npm install -g sass-migrator
$ sass-migrator division **/*.scss

helped my ass 😜

chiragDesaiPantherCodx · 2022-03-29T10:36:08Z

⠼ Generating browser application bundles (phase: building)...WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div(1, $rfs-rem-value)

More info and automated migrator: https://sass-lang.com/d/slash-div

╷
49 │ ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);
│ ^^^^^^^^^^^^^^^^^^
╵
src/assets/scss/bootstrap/vendor/_rfs.scss 49:32 @import
src/assets/scss/bootstrap/_mixins.scss 6:9 @import
src/assets/scss/argon.scss 20:9 root stylesheet

DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($rfs-base-font-size, $rfs-base-font-size * 0 + 1 / $rfs-rem-value)

More info and automated migrator: https://sass-lang.com/d/slash-div

╷
48 │ $rfs-base-font-size: $rfs-base-font-size /
│ ┌────────────────────────^
49 │ │ ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);
│ └──────────────────────────────────────────────────^
╵
src/assets/scss/bootstrap/vendor/_rfs.scss 48:24 @import
src/assets/scss/bootstrap/_mixins.scss 6:9 @import
src/assets/scss/argon.scss 20:9 root stylesheet

DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($rfs-breakpoint, $rfs-breakpoint * 0 + 1)

More info and automated migrator: https://sass-lang.com/d/slash-div

╷
57 │ $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
src/assets/scss/bootstrap/vendor/_rfs.scss 57:20 @import
src/assets/scss/bootstrap/_mixins.scss 6:9 @import
src/assets/scss/argon.scss 20:9 root stylesheet

DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($spacer, 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

╷

397 │ $headings-margin-bottom: ($spacer / 2);
│ ^^^^^^^^^^^
╵
src/assets/scss/custom/_variables.scss 397:27 @import
src/assets/scss/argon.scss 24:9 root stylesheet

DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($r * 299 + $g * 587 + $b * 114, 1000)

More info and automated migrator: https://sass-lang.com/d/slash-div

╷
62 │ $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
src/assets/scss/bootstrap/_functions.scss 62:9 color-yiq()
src/assets/scss/custom/_variables.scss 716:31 @import
src/assets/scss/argon.scss 24:9 root stylesheet

DEPRECATION WARNING: $null: Passing a unit other than deg (25%) is deprecated.

To preserve current behavior: $null / 1%

See https://sass-lang.com/d/color-units

╷
19 │ adjust-hue($color, 25%) 100%
│ ^^^^^^^^^^^^^^^^^^^^^^^
╵
src/assets/scss/core/mixins/_background-variant.scss 19:7 bg-gradient-variant()
src/assets/scss/core/utilities/_backgrounds.scss 10:3 @import
src/assets/scss/custom/_utilities.scss 5:9 @import
src/assets/scss/argon.scss 66:9 root stylesheet

WARNING: 68 repetitive deprecation warnings omitted.

lounsbrough mentioned this issue Jun 29, 2021

Removing deprecated division symbol #4551

Closed

makinggoodsoftware added the in_zendesk label Jul 1, 2021

gportela85 closed this as completed Jul 2, 2021

gportela85 mentioned this issue Jul 6, 2021

Deprecated SASS syntax for upcoming Dart SASS #3623

Closed

ShaneK mentioned this issue Jul 13, 2021

Sass warning with sass 1.34 relative to / operator #4495

Closed

b-Istiak-s mentioned this issue Aug 7, 2021

Deprecation Warning: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. codidact/co-design#58

Closed

ghost mentioned this issue Nov 3, 2021

Switch from node-sass to Dart Sass phovea/generator-phovea#438

Closed

AmeeMorris mentioned this issue Nov 8, 2021

fix sass warnings Bynder/gathercontent-gather-ui#1084

Merged

sadn1ck mentioned this issue Dec 23, 2021

fix: #367, replace node-sass with sass creativecommons/chooser#368

Merged

7 tasks

StephenCooper mentioned this issue Sep 29, 2022

Need Fix :: Breaking Change: Slash as Division #5617

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. #4543

DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. #4543

dangrussell commented Jun 25, 2021

sgtsquiggs commented Jun 25, 2021 •

edited

Loading

dangrussell commented Jun 26, 2021

lk77 commented Jun 29, 2021 •

edited

Loading

lounsbrough commented Jun 29, 2021

makinggoodsoftware commented Jul 1, 2021

makinggoodsoftware commented Jul 1, 2021

lounsbrough commented Jul 1, 2021

gportela85 commented Jul 2, 2021

fgblomqvist commented Jul 28, 2021

SETI-At-Home commented Aug 2, 2021

dprensha commented Sep 20, 2021 •

edited

Loading

HERBOD7 commented Sep 28, 2021

dangrussell commented Oct 29, 2021

sarakahaveci commented Dec 16, 2021

ShaneK commented Dec 16, 2021

vanishree165 commented Mar 6, 2022

HCDestroyer commented Mar 29, 2022

chiragDesaiPantherCodx commented Mar 29, 2022

DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. #4543

DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. #4543

Comments

dangrussell commented Jun 25, 2021

sgtsquiggs commented Jun 25, 2021 • edited Loading

dangrussell commented Jun 26, 2021

lk77 commented Jun 29, 2021 • edited Loading

lounsbrough commented Jun 29, 2021

makinggoodsoftware commented Jul 1, 2021

makinggoodsoftware commented Jul 1, 2021

lounsbrough commented Jul 1, 2021

gportela85 commented Jul 2, 2021

fgblomqvist commented Jul 28, 2021

SETI-At-Home commented Aug 2, 2021

dprensha commented Sep 20, 2021 • edited Loading

HERBOD7 commented Sep 28, 2021

dangrussell commented Oct 29, 2021

sarakahaveci commented Dec 16, 2021

ShaneK commented Dec 16, 2021

vanishree165 commented Mar 6, 2022

HCDestroyer commented Mar 29, 2022

chiragDesaiPantherCodx commented Mar 29, 2022

sgtsquiggs commented Jun 25, 2021 •

edited

Loading

lk77 commented Jun 29, 2021 •

edited

Loading

dprensha commented Sep 20, 2021 •

edited

Loading