Skip to content

Syntactically wrong css generation due to very old sass version #520

Description

@ibeladi-mrsool

Module version
Latest

Describe the bug
There are some edge cases due to very old sass version

To Reproduce

Steps to reproduce the behavior:

  1. Generate nuxt vuetify project
  2. Add scss file that includes:
.f-grow-36 {
  flex: 0 0 36 * 2.083333333333% !important;
  max-width: 36 * 2.083333333333% !important;
}
  1. Add that file in the nuxt configuration file, like:
css: ["~/assets/style/main.scss"],
  1. Run npm run generate
  2. Search for 74.% without excluding the dist folder
  3. Notice the result instead of having 75% (as 36 * 2.083333333333% = 75%)

Expected behavior
Getting 75% (or at least 74% (without a dot), as it too broken)

Additional context
Related issue: sass/dart-sass#2002

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions