Comments (6)
I go the exact same problem with the same version. I've tested with px and em.
from postcss-responsive-type.
Hmm, not sure what's going on here. Tests should be catching this, I'll try to repro locally and look into it
from postcss-responsive-type.
Adding the following solved it for me
lower-line-height-range: 26em;
upper-line-height-range: 80em;
from postcss-responsive-type.
Bump. I get the same issue. I can work with px
, however, when I use em
values I get the same this combination of units is not supported
error.
from postcss-responsive-type.
I get the same error when using em
units but the CSS seems to compile correctly.
from postcss-responsive-type.
After playing around with the settings I would argue this is correct behaviour. If you set your font-size
using px
then you need to set your line-height
with px
as well and vice versa for em
and rem
.
A support for unitless line-height
would be great.
from postcss-responsive-type.
Related Issues (20)
- Responsive 'px' restriction is not working HOT 4
- Fallback with media queries HOT 3
- Use 'em' instead of 'px' for 'font-range' HOT 1
- More flexibility?
- Safari 9+ buggy with px/em/rem units HOT 16
- pixrem / cssnext incompatibility ? HOT 1
- em units are not working HOT 5
- Support responsive line-height HOT 4
- README example --- incorrect
- Percentage root font sizes don't work HOT 2
- based on height? HOT 7
- error in Chrome Develop Tool's mobile debug HOT 1
- Publish v1.0.0 on npm registry HOT 2
- Default media queries being added when using rems to set font sizes HOT 1
- Rename min-font-size to font-min-size like in CSS Fonts Module Level 4 HOT 1
- Doesn't work with css variables HOT 1
- problem when prefix `::placeholder` HOT 1
- Compatibility with PostCSS 8 HOT 1
- Publish the latest changes as a new version, publish to npm
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 postcss-responsive-type.