postcss-rtl
postcss-rtl copied to clipboard
when use with /deep/, some styles are missing
<style lang="scss" scoped>
p,
h2,
h3 {
margin: 0;
padding: 0;
}
/deep/ .form-dialog {
width: 720px;
box-shadow: 2px 2px 16px rgba(166, 168, 170, 0.46);
border-radius: 8px;
.vi-dialog__header {
position: relative;
background-color: #0a1e39;
background-image: url("~src/assets/images/new-task/form-dialog-header-bg.png");
background-size: 100%;
border-radius: 8px 8px 0 0;
padding: 32px 0 24px;
}
...
After building, we found that the style of class “vi-dialog__header” was not existing.
vi-dialog__header
is a SCSS nested subclass and postcss-rtl
expects regular CSS code. I think that you are trying to run postcss-rtl
before postcss-sass
. Could you paste your config?