nuxt-community / vuetify-module

Vuetify Module for Nuxt 2
Other
628 stars 106 forks source link

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

Open ibrahimBeladi opened 1 year ago

ibrahimBeladi commented 1 year ago

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;
    }
  3. Add that file in the nuxt configuration file, like:
    css: ["~/assets/style/main.scss"],
  4. Run npm run generate
  5. Search for 74.% without excluding the dist folder
  6. 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: https://github.com/sass/dart-sass/issues/2002