Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

sass library problem #78

Closed
sercangoger opened this issue Jan 2, 2024 · 4 comments
Closed

sass library problem #78

sercangoger opened this issue Jan 2, 2024 · 4 comments

Comments

@sercangoger
Copy link

No matter what I did, I could not solve the library problem. A version problem with the sass library.

**
DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($timeline-divider-width, 2) or calc($timeline-divider-width / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div


89 │ max-width: calc(#{$timeline-divider-center} - #{$timeline-divider-width / 2})
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^

node_modules/vuetify/src/components/VTimeline/VTimeline.sass 89:57 root stylesheet

DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div(-($slider-thumb-size - 4), 2) or calc(-1 * ($slider-thumb-size - 4) / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

254 │ left: -($slider-thumb-size - 4) / 2
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

node_modules/vuetify/src/components/VSlider/VSlider.sass 254:11 root stylesheet

WARNING: 6 repetitive deprecation warnings omitted.

DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div(-$toolbar-btn-icon-size, 4) or calc(-1 * $toolbar-btn-icon-size / 4)

More info and automated migrator: https://sass-lang.com/d/slash-div


37 │ margin-left: -$toolbar-btn-icon-size / 4
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^

node_modules/vuetify/src/components/VToolbar/VToolbar.sass 37:22 @content
node_modules/vuetify/src/styles/tools/_rtl.sass 7:5 ltr()
node_modules/vuetify/src/components/VToolbar/VToolbar.sass 36:7 root stylesheet

DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div(-$toolbar-btn-icon-size, 4) or calc(-1 * $toolbar-btn-icon-size / 4)

More info and automated migrator: https://sass-lang.com/d/slash-div


40 │ margin-right: -$toolbar-btn-icon-size / 4
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^

node_modules/vuetify/src/components/VToolbar/VToolbar.sass 40:23 @content
node_modules/vuetify/src/styles/tools/_rtl.sass 3:5 rtl()
node_modules/vuetify/src/components/VToolbar/VToolbar.sass 39:7 root stylesheet

DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div(-$toolbar-btn-icon-size, 4) or calc(-1 * $toolbar-btn-icon-size / 4)

More info and automated migrator: https://sass-lang.com/d/slash-div


51 │ margin-right: -$toolbar-btn-icon-size / 4
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^

node_modules/vuetify/src/components/VToolbar/VToolbar.sass 51:23 @content
node_modules/vuetify/src/styles/tools/_rtl.sass 7:5 ltr()
node_modules/vuetify/src/components/VToolbar/VToolbar.sass 50:7 root stylesheet

DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div(-$toolbar-btn-icon-size, 4) or calc(-1 * $toolbar-btn-icon-size / 4)

More info and automated migrator: https://sass-lang.com/d/slash-div


54 │ margin-left: -$toolbar-btn-icon-size / 4
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^

node_modules/vuetify/src/components/VToolbar/VToolbar.sass 54:22 @content
node_modules/vuetify/src/styles/tools/_rtl.sass 3:5 rtl()
node_modules/vuetify/src/components/VToolbar/VToolbar.sass 53:7 root stylesheet

DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div(map-get($size, "height"), 2) or calc(map-get($size, "height") / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

202 │ border-radius: #{map-get($size, 'height') / 2}px
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^

node_modules/vuetify/src/components/VChip/VChip.sass 202:24 root stylesheet

DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($switch-track-inset-height, 2) or calc($switch-track-inset-height / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

116 │ top: calc(50% - #{$switch-track-inset-height / 2})
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

node_modules/vuetify/src/components/VSwitch/VSwitch.sass 116:25 root stylesheet

DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($progress-linear-stream-border-width, 2) or calc($progress-linear-stream-border-width / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

113 │ top: calc(50% - #{$progress-linear-stream-border-width / 2})
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

node_modules/vuetify/src/components/VProgressLinear/VProgressLinear.sass 113:21 root stylesheet

DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div(-$banner-y-padding, 2) or calc(-1 * $banner-y-padding / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div


26 │ margin-bottom: -$banner-y-padding / 2
│ ^^^^^^^^^^^^^^^^^^^^^^

node_modules/vuetify/src/components/VBanner/VBanner.sass 26:18 root stylesheet

DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($banner-y-padding, 2) or calc($banner-y-padding / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div


85 │ padding-top: $banner-y-padding / 2
│ ^^^^^^^^^^^^^^^^^^^^^

node_modules/vuetify/src/components/VBanner/VBanner.sass 85:18 root stylesheet

DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($banner-y-padding, 2) or calc($banner-y-padding / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div


86 │ padding-bottom: $banner-y-padding / 2
│ ^^^^^^^^^^^^^^^^^^^^^

node_modules/vuetify/src/components/VBanner/VBanner.sass 86:21 root stylesheet

DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($alert-padding, 2) or calc($alert-padding / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

141 │ padding-top: $alert-padding / 2
│ ^^^^^^^^^^^^^^^^^^

node_modules/vuetify/src/components/VAlert/VAlert.sass 141:16 root stylesheet

DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($alert-padding, 2) or calc($alert-padding / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

142 │ padding-bottom: $alert-padding / 2
│ ^^^^^^^^^^^^^^^^^^

node_modules/vuetify/src/components/VAlert/VAlert.sass 142:19 root stylesheet
**

@sercangoger
Copy link
Author

I need to migrate for this error but I can't do it.

RUN npm install
RUN npm install -g sass-migrator
#RUN sass-migrator division node_modules/quasar/src/css/**/.sass
#RUN sass-migrator division **/
.scss
RUN npm install -D rollup-plugin-sass-migrator sass-migrator

@serhatoral
Copy link

serhatoral commented Jan 20, 2024

@sercangoger This project does not support Node versions higher than 14.21.3 and is not compatible with higher versions of sass library. You should downgride Node version on your computer. You can easily do this by using nvm as fallows;

nvm install 14.21.3
nvm use 14.21.3
nvm list

Finally, you can run the project using npm install and npm run serve

@ghost
Copy link

ghost commented Jan 21, 2024

#83

fixed.

@sercangoger
Copy link
Author

worked for me too fixed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants