Skip to content

[Bug] Broken SCSS #187

@price-brenden

Description

@price-brenden

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions