when use with /deep/, some styles are missing

vkalinichev / postcss-rtl

PostCSS plugin for RTL-adaptivity

MIT License

172 stars 33 forks source link

when use with /deep/, some styles are missing #75

Open niexia opened 3 years ago

niexia commented 3 years ago

<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.

fabercancio commented 3 years ago

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?