vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.87k stars 6.97k forks source link

[Documentation] Unable to modify default variables #20557

Open mzaman-aslase opened 1 month ago

mzaman-aslase commented 1 month ago

Environment

Browsers: Chrome 129.0.0.0 OS: Linux x86_64

Steps to reproduce

Go to Features > SASS variables and to the section Variable API upon selection from the drop down I selected "$input-control-height", and it generated this code @use 'vuetify' with ( $input-control-height: 56px, );

and I get the error "[sass] This variable was not declared with !default in the @used module." I thought may be my configuration is wrong, but I installed a new test project from create vuetify, I still get the same error.

Expected Behavior

Customize variable

Actual Behavior

Error

Reproduction Link

https://vuetifyjs.com/en/features/sass-variables/

b-maslennikov commented 4 weeks ago

looks like you can use only global vuetify variables... $input-control-height is not in this list https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/styles/settings/_variables.scss