Comments (6)
@MartijnCuppens Thank you!
No, you didn't overlook it at all. I just needed to RTFM.
The issue, for me, turns out to be quite simple and a little embarrassing. I was using a custom variables.scss
file to override bootstrap and I didn't update that file when I updated Bootstrap. Thus. I didn't have the $enable-responsive-font-size
boolean available to me in that file.
It was stuck in the off position as the updated Bootstrap source variables.scss
file had that value set to false.
Closing with much appreciation!
from rfs.
@yudyananda - did you figure out what changed that caused successful generation of the media query in your environment?
from rfs.
@megalofauna I'm not sure if I can help you because I don't use npm to compile scss or sass, but in my case I have to restart the localhost server. Can I see your repo?
from rfs.
Can I see your repo?
I wish. We're locked down tighter than an oil drum over here. Thanks, though!
from rfs.
Hi @megalofauna,
You should enable RFS with $enable-responsive-font-sizes: true
like explained in the docs (https://getbootstrap.com/docs/4.3/content/typography/#responsive-font-sizes):
RFS can be enabled by changing the
$enable-responsive-font-sizes
Sass variable totrue
and recompiling Bootstrap.
And in the release blog article (https://blog.getbootstrap.com/2019/02/11/bootstrap-4-3-0/#introducing-responsive-font-sizes):
Disabled by default, you can opt into this new behavior by toggling the
$enable-responsive-font-sizes
boolean variable.
Did you look over this or did we miss mentioning this anywhere else?
The reason we did this is because we want to "soft launch" RFS in v4
in case we need to tweak things for Bootstrap 5.
from rfs.
@include rfs($some-font-size)
where $some-font-size <= $rfs-base-font-size
it will also not get a fluid font size. You need to adjust your $rfs-base-font-size
to have rfs()
generate fluid font sizes.
from rfs.
Related Issues (20)
- Error while running less - Potentially unhandled rejection [2] Could not parse call arguments or missing ')' on line 120 HOT 5
- Error with custom values HOT 1
- rfs() doens't work inside calc()
- PostCSS 8 compatibility HOT 2
- Strange values generated in Bootstrap 4.6 HOT 1
- Unclear doc concerning rfs-base-value or bug
- Use Sass Modules (dart-sass) HOT 18
- RFS + Less + css variables warning HOT 3
- Is RFS installed and enabled as part of Bootstrap 5? HOT 5
- Variation in size range seems too small HOT 1
- Migrate to postcss 8.x HOT 1
- rfs not working with $variable list ? HOT 1
- Minimum font size. HOT 2
- Feature Request - add overloads for shorthand mixins HOT 2
- rem and px have incompatible units in rfs-breakpoint HOT 2
- $rfs-base-value with rem breaks
- How to it this with tailwind ? HOT 4
- Sass ABS deprecation warning HOT 2
- using rfs() in SCSS with PostCSS syntax doesnt work HOT 1
- How to use it with react ? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from rfs.