Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Deprecation warning re SASS #369

Open
slosar opened this issue Jan 31, 2025 · 0 comments
Open

Deprecation warning re SASS #369

slosar opened this issue Jan 31, 2025 · 0 comments

Comments

@slosar
Copy link

slosar commented Jan 31, 2025

Issuing

 bundle exec jekyll build

results in a number of deprecation warnings, which I reproduce below (skipping many repeats of the same with [...]):

Configuration file: /home/anze/Dropbox/work/website/_config.yml
            Source: /home/anze/Dropbox/work/website
       Destination: /home/anze/Dropbox/work/website/_site
 Incremental build: disabled. Enable with --incremental
      Generating...
       Jekyll Feed: Generating feed for posts
Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.

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

  ╷
1 │ @import "styles";
  │         ^^^^^^^^
  ╵
    /home/anze/Dropbox/work/website/assets/main.scss 1:9  root stylesheet
Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.

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

[...]

  ╷
8 │ @import "./global";
  │         ^^^^^^^^^^
  ╵
    /home/anze/Dropbox/work/website/assets/vendor/startbootstrap-clean-blog/scss/styles.scss 8:9  @import
    styles.scss 2:9                                                                               @import
    /home/anze/Dropbox/work/website/assets/main.scss 1:9                                          root stylesheet
Deprecation Warning: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use map.merge instead.

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

[...]

    ╷
152 │   $sizes: map-merge(
    │ ┌─────────^
153 │ │   (
154 │ │     25: 25%,
155 │ │     50: 50%,
156 │ │     75: 75%,
157 │ │     100: 100%,
158 │ │     auto: auto
159 │ │   ),
160 │ │   $sizes
161 │ │ );
    │ └─^
    ╵
    /home/anze/Dropbox/work/website/assets/vendor/bootstrap/scss/_variables.scss 152:9            @import
    /home/anze/Dropbox/work/website/assets/vendor/bootstrap/scss/bootstrap.scss 9:9               @import
    /home/anze/Dropbox/work/website/assets/vendor/startbootstrap-clean-blog/scss/styles.scss 5:9  @import
    styles.scss 2:9                                                                               @import
    /home/anze/Dropbox/work/website/assets/main.scss 1:9                                          root stylesheet
Deprecation Warning: darken() is deprecated. Suggestions:

color.scale($color, $lightness: -47.5155279503%)
color.adjust($color, $lightness: -15%)

More info: https://sass-lang.com/d/color-functions

[...]

    ╷
178 │ $link-hover-color:                        darken($link-color, 15%) !default;
    │                                           ^^^^^^^^^^^^^^^^^^^^^^^^
    ╵
    /home/anze/Dropbox/work/website/assets/vendor/bootstrap/scss/_variables.scss 178:43           @import
    /home/anze/Dropbox/work/website/assets/vendor/bootstrap/scss/bootstrap.scss 9:9               @import
    /home/anze/Dropbox/work/website/assets/vendor/startbootstrap-clean-blog/scss/styles.scss 5:9  @import
    styles.scss 2:9                                                                               @import
    /home/anze/Dropbox/work/website/assets/main.scss 1:9                                          root stylesheet
Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($spacer, 2) or calc($spacer / 2)

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

[...]

    ╷
302 │ $headings-margin-bottom:      $spacer / 2 !default;
    │                               ^^^^^^^^^^^
    ╵
    /home/anze/Dropbox/work/website/assets/vendor/bootstrap/scss/_variables.scss 302:31           @import
    /home/anze/Dropbox/work/website/assets/vendor/bootstrap/scss/bootstrap.scss 9:9               @import
    /home/anze/Dropbox/work/website/assets/vendor/startbootstrap-clean-blog/scss/styles.scss 5:9  @import
    styles.scss 2:9                                                                               @import
    /home/anze/Dropbox/work/website/assets/main.scss 1:9                                          root stylesheet
Deprecation Warning: lighten() is deprecated. Suggestions:

color.scale($color, $lightness: 9.7081218274%)
color.adjust($color, $lightness: 7.5%)

More info: https://sass-lang.com/d/color-functions

[...]

    ╷
373 │ $table-dark-border-color:     lighten($table-dark-bg, 7.5%) !default;
    │                               ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    ╵
    /home/anze/Dropbox/work/website/assets/vendor/bootstrap/scss/_variables.scss 373:31           @import
    /home/anze/Dropbox/work/website/assets/vendor/bootstrap/scss/bootstrap.scss 9:9               @import
    /home/anze/Dropbox/work/website/assets/vendor/startbootstrap-clean-blog/scss/styles.scss 5:9  @import
    styles.scss 2:9                                                                               @import
    /home/anze/Dropbox/work/website/assets/main.scss 1:9                                          root stylesheet
Deprecation Warning: lighten() is deprecated. Suggestions:

color.scale($color, $lightness: 36.5329512894%)
color.adjust($color, $lightness: 25%)

More info: https://sass-lang.com/d/color-functions

[...]

    ╷
718 │ $navbar-padding-y:                  $spacer / 2 !default;
    │                                     ^^^^^^^^^^^
    ╵
    /home/anze/Dropbox/work/website/assets/vendor/bootstrap/scss/_variables.scss 718:37           @import
    /home/anze/Dropbox/work/website/assets/vendor/bootstrap/scss/bootstrap.scss 9:9               @import
    /home/anze/Dropbox/work/website/assets/vendor/startbootstrap-clean-blog/scss/styles.scss 5:9  @import
    styles.scss 2:9                                                                               @import
    /home/anze/Dropbox/work/website/assets/main.scss 1:9                                          root stylesheet
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

[...]

Warning: 351 repetitive deprecation warnings omitted.
Run in verbose mode to see all warnings.
                    done in 0.159 seconds.
 Auto-regeneration: disabled. Use --watch to enable.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant