Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Importing css doesn't work with Sass
See original GitHub issueNot sure if this is an issue with plyr itself or with plyr-react. The styles in the plyr repo seem much different than those here (they use scss, for starters).
Describe the bug
When importing import "plyr-react/plyr.css"; no styles are imported. When copy/pasting the css rules into my own styles, our sass loader finds an error with this specific rule: margin-right: calc(-7px - -2); (which is inside of .plyr__menu__container .plyr__menu__value).
When I switch this to margin-right: calc(-7px - -2px); the styles load properly. (I’m not really even sure what this calc is trying to do)
To Reproduce Bring the plyr styles into a project with sass loader.
Desktop:
- OS: macOS Monterey
- Browser: Firefox 107 Using plyr-react v5.1.0
Issue Analytics
- State:
- Created 10 months ago
- Comments:11 (3 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
hey @derochedesign, in case @chintan9 miss your message, I guess it won’t take more than a week. he occasionally publishes the latest version changes within his weekend.
Hey @derochedesign, Thanks for the report
There is a closed issue in the latest release of the plyr about calc and Dart Sass https://github.com/sampotts/plyr/pull/2519/files
@chintan9 we must need to update the plyr version to ^3.7.3 and publish a newer version to fix this issue