search

creativetimofficial / ct-paper-dashboard-pro

Paper Dashboard PRO
6 stars 2 forks source link

SCSS not compilable! #51

Open JHerwig opened 4 years ago

JHerwig commented 4 years ago

I installed sass globaly (npm i -g sass) and try sass paper-dashboard.scss paper.css

I got these errors:

From these files:

I solved the first error myself. But the second error from paper/plugins/element-ui/plugin-select and paper/inputs not. Please fix this!

groovemen commented 4 years ago

Hello @JHerwig,

Thank you for using our products, please let us know what product are you using.

All the best, Stefan

JHerwig commented 3 years ago

I am using "Paper-Dashboard 2 Pro" for Vue.js I tried other Packages but none of your scss is compileable with sass.

ChrisToxz commented 3 years ago

Error: Top-level selectors may not contain the parent selector "&" Same issue, I solved it to change:

@mixin placeholder() {
    &::-moz-placeholder {@content;} // Firefox
    &::-ms-input-placeholder {@content;} // Internet Explorer 10+
    &::-webkit-input-placeholder {@content;} // Safari and Chrome
}

to:

@mixin placeholder() {
    ::-moz-placeholder {@content;} // Firefox
    ::-ms-input-placeholder {@content;} // Internet Explorer 10+
    ::-webkit-input-placeholder {@content;} // Safari and Chrome
}
dragosct commented 3 years ago

Hi, @JHerwig! To fix that issue you put for example: 

.select-#{$type}.el-select .el-input  {
    .el-input__suffix{
      display: flex;
      align-items: center;
    }
    &:hover{
      .el-input__icon,
      input {
        &::placeholder{
          color: white;
        }
        color: white;
      }
}

to 

.select-#{$type}.el-select .el-input  {
    .el-input__suffix{
      display: flex;
      align-items: center;
    }
}

.select-#{$type}.el-select .el-input:hover{
      .el-input__icon,
      input,
      .el-input__icon::placeholder,
      input::placeholder {
        color: white;          
      }
}

These changes must be made over all the code with the sign & to avoid that error.

Regards, Dragos