warnings when compiling Sass
-
Hello,
I have been using Understrap for years to build websites. Now I am working on a new project so I finally upgraded to the 1.0 version. I am using the official Understrap child theme.I am using Codekit to build and manage my projects. Codekit uses DART to compile Sass.
Works fine, as I expected, but I am getting a lot of warnings when compiling. like so:
Dart Sass compiled successfully, but with warnings: 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 ? 302 │ $headings-margin-bottom: $spacer / 2 !default; │ ^^^^^^^^^^^ ? assets/bootstrap4/_variables.scss 302:31 @import assets/bootstrap4/bootstrap.scss 9:9 @import child-theme.scss 2:9 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. Recommendation: math.div($input-padding-y, 2) More info and automated migrator: https://sass-lang.com/d/slash-div ? 498 │ $input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y / 2) !default; │ ^^^^^^^^^^^^^^^^^^^^ ? assets/bootstrap4/_variables.scss 498:73 @import assets/bootstrap4/bootstrap.scss 9:9 @import child-theme.scss 2:9 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. Recommendation: math.div($custom-control-indicator-size, 2) More info and automated migrator: https://sass-lang.com/d/slash-div ? 568 │ $custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default; │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ? assets/bootstrap4/_variables.scss 568:49 @import assets/bootstrap4/bootstrap.scss 9:9 @import child-theme.scss 2: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 ? 713 │ $nav-divider-margin-y: $spacer / 2 !default; │ ^^^^^^^^^^^ ? assets/bootstrap4/_variables.scss 713:37 @import assets/bootstrap4/bootstrap.scss 9:9 @import child-theme.scss 2: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 ? 718 │ $navbar-padding-y: $spacer / 2 !default; │ ^^^^^^^^^^^ ? assets/bootstrap4/_variables.scss 718:37 @import assets/bootstrap4/bootstrap.scss 9:9 @import child-theme.scss 2:9 root stylesheet WARNING: The <code>make-container-max-widths</code> mixin has been deprecated as of v4.5.2. It will be removed entirely in v5. assets/bootstrap4/mixins/_deprecate.scss 8:5 deprecate() assets/bootstrap4/mixins/_grid.scss 27:3 make-container-max-widths() assets/understrap/theme/_blocks.scss 52:4 @import child-theme.scss 14:9 root stylesheet WARNING: The <code>make-container-max-widths</code> mixin has been deprecated as of v4.5.2. It will be removed entirely in v5. assets/bootstrap4/mixins/_deprecate.scss 8:5 deprecate() assets/bootstrap4/mixins/_grid.scss 27:3 make-container-max-widths() assets/understrap/theme/_blocks.scss 64:4 @import child-theme.scss 14:9 root stylesheet WARNING: 72 repetitive deprecation warnings omitted. Run in verbose mode to see all warnings.
So what to think of this? Is this something that need to be fixed or is it a sign that things will go wrong in the future?
Thanks
Bob
Viewing 4 replies - 1 through 4 (of 4 total)
Viewing 4 replies - 1 through 4 (of 4 total)
- The topic ‘warnings when compiling Sass’ is closed to new replies.