Skip to content

Replace / with math.div

Bug

Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($max - $min, $max-width - $min-width) or calc(($max - $min) / ($max-width - $min-width))

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

Usages


24 │   $converted: $value / $font-size-base;
   │               ^^^^^^^^^^^^^^^^^^^^^^^^

    src/scss/functions.scss 24:15  single-unit-rem()
    src/scss/functions.scss 41:13  px-to-rem()
    src/scss/variables.scss 4:13   @import
    src/scss/bootstrap.scss 1:9    root stylesheet

24 │   $converted: $value / $font-size-base;
   │               ^^^^^^^^^^^^^^^^^^^^^^^^

    src/scss/functions.scss 24:15  single-unit-rem()
    src/scss/functions.scss 41:13  px-to-rem()
    src/scss/variables.scss 4:13   @import
    src/scss/storybook.scss 2:9    root stylesheet

24 │   $converted: $value / $font-size-base;
   │               ^^^^^^^^^^^^^^^^^^^^^^^^

    src/scss/functions.scss 24:15               single-unit-rem()
    src/scss/functions.scss 41:13               px-to-rem()
    src/scss/variables.scss 4:13                @import
    src/scss/typescale/typescale_demo.scss 1:9  root stylesheet

57 │   $slope: ($max - $min) / ($max-width - $min-width);
   │           ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

    src/scss/functions.scss 57:11               clamp-between()
    src/scss/mixins.scss 31:17                  gl-responsive-property()
    src/scss/mixins.scss 11:3                   gl-fluid-font-size()
    src/scss/typescale/_index.scss 29:5         gl-typescale-ui()
    src/scss/typescale/typescale_demo.scss 6:1  root stylesheet

302 │ $headings-margin-bottom:      $spacer / 2 !default;
    │                               ^^^^^^^^^^^

    node_modules/bootstrap/scss/_variables.scss 302:31  @import
    src/scss/bootstrap.scss 3:9                         root stylesheet

302 │ $headings-margin-bottom:      $spacer / 2 !default;
    │                               ^^^^^^^^^^^

    node_modules/bootstrap/scss/_variables.scss 302:31  @import
    src/scss/storybook.scss 5:9                         root stylesheet

498 │ $input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y / 2) !default;
    │                                                                         ^^^^^^^^^^^^^^^^^^^^

    node_modules/bootstrap/scss/_variables.scss 498:73  @import
    src/scss/bootstrap.scss 3:9                         root stylesheet

498 │ $input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y / 2) !default;
    │                                                                         ^^^^^^^^^^^^^^^^^^^^

    node_modules/bootstrap/scss/_variables.scss 498:73  @import
    src/scss/storybook.scss 5:9                         root stylesheet

568 │ $custom-switch-indicator-border-radius:         $custom-control-indicator-size / 2 !default;
    │                                                 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

    node_modules/bootstrap/scss/_variables.scss 568:49  @import
    src/scss/bootstrap.scss 3:9                         root stylesheet

568 │ $custom-switch-indicator-border-radius:         $custom-control-indicator-size / 2 !default;
    │                                                 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

    node_modules/bootstrap/scss/_variables.scss 568:49  @import
    src/scss/storybook.scss 5:9                         root stylesheet

713 │ $nav-divider-margin-y:              $spacer / 2 !default;
    │                                     ^^^^^^^^^^^

    node_modules/bootstrap/scss/_variables.scss 713:37  @import
    src/scss/bootstrap.scss 3:9                         root stylesheet

713 │ $nav-divider-margin-y:              $spacer / 2 !default;
    │                                     ^^^^^^^^^^^

    node_modules/bootstrap/scss/_variables.scss 713:37  @import
    src/scss/storybook.scss 5:9                         root stylesheet
Edited by Savas Vedova