-
Notifications
You must be signed in to change notification settings - Fork 33
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[BD-46] feat: added CSS custom media query support #306
[BD-46] feat: added CSS custom media query support #306
Conversation
Thanks for the pull request, @PKulkoRaccoonGang! When this pull request is ready, tag your edX technical lead. |
config/webpack.dev.config.js
Outdated
@@ -9,6 +9,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin'); | |||
const path = require('path'); | |||
const PostCssAutoprefixerPlugin = require('autoprefixer'); | |||
const PostCssRTLCSS = require('postcss-rtlcss'); | |||
const CustomMediaCSS = require('postcss-custom-media'); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
nit: might recommend including PostCss
as a prefix to be consistent with these other PostCSS plugin imports above.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Done
config/webpack.dev.config.js
Outdated
@@ -85,6 +86,7 @@ module.exports = merge(commonConfig, { | |||
plugins: [ | |||
PostCssAutoprefixerPlugin(), | |||
PostCssRTLCSS(), | |||
CustomMediaCSS(), |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We'll need to also make similar changes to the other Webpack configs as well, i.e.:
webpack.dev-stage.config.js
webpack.prod.config.js
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Done, thanks
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM! This addition is a great feature to have in frontend-build :)
@PKulkoRaccoonGang 🎉 Your pull request was merged! Please take a moment to answer a two question survey so we can improve your experience in the future. |
🎉 This PR is included in version 12.6.0 🎉 The release is available on: Your semantic-release bot 📦🚀 |
@custom-media
from design tokens with style-dictionary.postcss-custom-media
to @edx/frontend-build's default Webpack configs for all MFEs.Issue: openedx/paragon#2015