StartBootstrap / startbootstrap-clean-blog-jekyll

A Jekyll version of the Clean Blog theme by Start Bootstrap
https://startbootstrap.com/themes/clean-blog-jekyll/
MIT License
2.09k stars 2.68k forks source link

DEPRECATION WARNING: Using / for division outside of calc() is deprecated #320

Open Gorlenah opened 1 year ago

Gorlenah commented 1 year ago

This is part of the compilation warning :


14:58:22.395 | Configuration file: /opt/buildhome/repo/_config.yml
-- | --
14:58:22.418 | Source: /opt/buildhome/repo
14:58:22.418 | Destination: /opt/buildhome/repo/_site
14:58:22.418 | Incremental build: disabled. Enable with --incremental
14:58:22.418 | Generating...
14:58:22.473 | Jekyll Feed: Generating feed for posts
14:58:22.856 | DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
14:58:22.856 |  
14:58:22.856 | Recommendation: math.div($spacer, 2) or calc($spacer / 2)
14:58:22.856 |  
14:58:22.856 | More info and automated migrator: https://sass-lang.com/d/slash-div
14:58:22.857 |  
14:58:22.857 | ╷
14:58:22.857 | 302 │ $headings-margin-bottom:      $spacer / 2 !default;
14:58:22.857 | │                               ^^^^^^^^^^^
14:58:22.857 | ╵
14:58:22.857 | ../../../../jekyll-theme-clean-blog-4.0.12/assets/vendor/bootstrap/scss/_variables.scss 302:31  @import
14:58:22.857 | ../../../../jekyll-theme-clean-blog-4.0.12/assets/vendor/bootstrap/scss/bootstrap.scss 9:9      @import
14:58:22.857 | ../assets/vendor/startbootstrap-clean-blog/scss/styles.scss 5:9                                 @import
14:58:22.858 | styles.scss 2:9                                                                                 @import
14:58:22.858 | /opt/buildhome/repo/assets/main.scss 1:9                                                        root stylesheet
14:58:22.859 | DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
.
.
14:58:23.047 | WARNING: 64 repetitive deprecation warnings omitted.

My solution:

Since it seemed to be solely due to bootstrap, I tried implementing the latest version of bootstrap (now 5.3.0), changing assets -> vendor -> bootstrap -> scss

Replacing the entire folder with the new version, so far I am not noticing any problems

After the upgrade I no longer have any compilation warnings

Gorlenah commented 1 year ago

After upgrading bootstrap, the theme does not work graphically correctly, so I migrated the bootstrap version used by this repository.

I had to edit some files manually, but the majority was done using the automatic migration tool.

In my fork there is the fix, waiting for the merge

BasedLukas commented 1 year ago

I have the same issue

Gorlenah commented 1 year ago

I have the same issue

Another user and I are using my fix, in my fork there is only this fix, you can try it and leave feedback

My Pending Pull Request