Magento2 Storefront: Global CSS change does not work
Working with the tutorial: https://www.youtube.com/watch?v=p5RFu0Pc7xM
Although doing the same steps, changing with global colors does not work for me like in the video. The ' @import "@storefront-ui/shared/styles/helpers/_colors.scss"; ' in the .scss-file from the assets-directory is not working as ' cannot find mixin 'generate-color-variants' '.
Also the modification does not work:
.sf-button {
--button-border-radius: 8px;
}
I can't guess where the problem could be. I would be happy to receive a reply!
Although doing the same steps, changing with global colors does not work for me like in the video. The ' @import "@storefront-ui/shared/styles/helpers/_colors.scss"; ' in the .scss-file from the assets-directory is not working as ' cannot find mixin 'generate-color-variants' '.
Also the modification does not work:
.sf-button {
--button-border-radius: 8px;
}
I can't guess where the problem could be. I would be happy to receive a reply!
YouTubeAlokai
Storefront UI is the default UI library that is shipped out of the box with any Vue Storefront project.
This video explains three ways how to customize Storefront UI to your needs and liking.
Storefront UI:
https://storefrontui.io
Docs:
https://docs.storefrontui.io
GitHub repository:
https://github.com/vuestorefront/vuestorefront-examples
D...
This video explains three ways how to customize Storefront UI to your needs and liking.
Storefront UI:
https://storefrontui.io
Docs:
https://docs.storefrontui.io
GitHub repository:
https://github.com/vuestorefront/vuestorefront-examples
D...
