Skip to content
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

compiling issues with comments #88

Open
Kayu84 opened this issue May 28, 2018 · 0 comments
Open

compiling issues with comments #88

Kayu84 opened this issue May 28, 2018 · 0 comments

Comments

@Kayu84
Copy link

Kayu84 commented May 28, 2018

I've wrote an "how to use pleeease.io" workflow charts (at the bottom of this issue) if using scss with comments, because there is a Bug with Linecomments over Css-selectors.

how you can reproduce this issue:
following code can't be compiled:

body.skin {
  #normal-content  #{
    > div {
      &:nth-of-type(even) {
        .news-latest-container {
        //  article {
        //    .news-latest-image {
        //      background-color: $content-background;
        //      border: 1px solid $box-shadow;
        //    }
        //  }
        }
      }
    }
    .sb-icon {
      .row {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        .col-sm-3 {
          align-items: flex-start;
        }
      }
    }
  }
}

changing it into one of the follwing codes works:

body.skin {
  #normal-content {
    > div {
      &:nth-of-type(even) {
        .news-latest-container {
          article {
            .news-latest-image {
        //      background-color: $content-background;
        //      border: 1px solid $box-shadow;
            }
          }
        }
      }
    }
    .sb-icon {
      .row {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        .col-sm-3 {
          align-items: flex-start;
        }
      }
    }
  }
}
body.skin {
  #normal-content {
    > div {
      &:nth-of-type(even) {
        .news-latest-container {
        /*  article {
            .news-latest-image {
              background-color: $content-background;
              border: 1px solid $box-shadow;
            }
          }*/
        }
      }
    }
    .sb-icon {
      .row {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        .col-sm-3 {
          align-items: flex-start;
        }
      }
    }
  }
}

pls don't use linecomments like blockcomments

//
// code
//

the prefix extender pleeease.io can't work with it and the complete code cannot be parsed.

if you using phpstorm strg+/ use strg+shift+/ instead, so we using blockcomments like

/*
  code
*/

// can still be used, but only for single line Codes without the whole selector

false:

//.main-section {
//  -webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,0.49);
//  -moz-box-shadow: 0 0 8px 1px rgba(0,0,0,0.49);
//  box-shadow: 0 0 8px 1px rgba(0,0,0,0.49);
//  margin: 12px 0 20px;
//}

right:

/*.main-section {
  -webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,0.49);
  -moz-box-shadow: 0 0 8px 1px rgba(0,0,0,0.49);
  box-shadow: 0 0 8px 1px rgba(0,0,0,0.49);
  margin: 12px 0 20px;
/*}

right:

.main-section {
//  -webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,0.49);
//  -moz-box-shadow: 0 0 8px 1px rgba(0,0,0,0.49);
//  box-shadow: 0 0 8px 1px rgba(0,0,0,0.49);
//  margin: 12px 0 20px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant