creativetimofficial / ct-material-kit-pro

Premium Bootstrap 4 UI Kit based on Google's Material Design
https://www.creative-tim.com/product/material-kit-pro
128 stars 36 forks source link

[Bug] Broken SCSS #187

Open price-brenden opened 1 year ago

price-brenden commented 1 year ago

Version

3.0.3

Reproduction link

https://not.needed/

Operating System

Ubuntu

Device

Alienware

Browser & Version

Chrome 107.0.5304.121

Steps to reproduce

  1. Download UI Kit
  2. Extract UI Kit
  3. Change directories into extracted folder
  4. Run npm install
  5. Run gulp compile-scss

This is repeatable using only the files you guys provide, so I didn't provide any additional reproductions. I tried to fix a few of them locally myself, but I would discover more issues anyways. One example is provided below: Deprecation Warning: $weight: Passing a number without unit % (8) is deprecated.

To preserve current behavior: $weight * 1%

More info: https://sass-lang.com/d/function-units

212 │ @return mix(black, $color, $weight); │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ I followed the suggestion provided by the warning, but that also didn't work, giving a different message suggesting I use calc($weight / 1% / 1% * 1%).

I'm also attempting to run my project with django and it is detecting missing files. material-kit-pro.css references layers.png on line 37577, but there is no layers.png file anywhere in the directory structure.

What is expected?

Gulp should successfully compile scss and it should be able to be served

What is actually happening?

Gulp is unable to process all scss files and I am unable to deploy the css with missing image references


Solution

Additional comments