• eagerbob

    (@eagerbob)


    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)
  • Theme Author Howard Development & Consulting

    (@howarddc)

    Hi-

    This is a known issue with Bootstrap 4 (https://github.com/twbs/bootstrap/issues/34353).

    Our next release will include Bootstrap 5 support, and our child starter theme will default to Bootstrap 5 in the future. We also recommend following our development process on Github, if you’re interested: https://github.com/understrap/understrap

    Thread Starter eagerbob

    (@eagerbob)

    Ok Howard, thanks. I am not sure what that means exactly for my project. If understrap moves to BS 5, and my site has a lot of customisations (layouts/templates), will that make for an easy transition?

    Or, if I leave the site at BS 4 (why not if it works as I want to) will that give problems with compiling in the future when I want to make changes?

    Thanks

    Theme Author Howard Development & Consulting

    (@howarddc)

    The new release will only offer BS5 as an option, it will still load BS4 by default.

    Those warnings (which aren’t major) will show up as long as you’re compiling BS4 assets. There’s no reason you can’t stick with BS4 and ignore them, though. They’re just deprecation warnings.

    Thread Starter eagerbob

    (@eagerbob)

    Ok perfect.
    I’ll leave it like that then.

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘warnings when compiling Sass’ is closed to new replies.