I would like to enable Responsive font size in order to have smaller headings on smaller screens.
I configured the 'Design Settings' with the path to bstudio-saas: /bstudio-sass-macos/bstudio-sass
And I created an scss file with the following: $enable-responsive-font-sizes: true;
But this does not seem to trigger font size changes, I tried setting media queries as well, without success, so I must be making some configuration error, or some syntax error or both... if someone has a properly working configuration and syntax, that would be very helpful.
I've done something similar using vw, calc and rem too. I also uploaded a component with fluid typography IIRC but I didn't know it's now directly supported by bootstrap.
thanks for that info, let's see how can we use it in BSS
This is interesting. I do change some font sizes depending on the size of the screen, but only headings. Body text needs to be readable even on small screens.
@Printninja to keep text readable I usually add (r)em and vw with calc. See https://misty-union-0678.bss.design/ (or get the .bsdesign from https://send.firefox.com/download/f2f53426ba8dbf18/#0Gsh_WuejfEQs_uIKnByzw )
I believe it's not working is because BSS uses a pre-compiled version of the Bootstrap CSS that's provided by a CDN. So your project is only using SASS in the files you create not the files that the app uses for the base files. Since it is turned off by default, there isn't away to turn it on and I'm not sure if there is a CDN of it turned on either.