The atom-cssbeautify from 1000ch

Software Engineer based in Tokyo, Japan
Follow @1000ch on X
Follow 1000ch.bsky.social on Bluesky
Sponsor @1000ch on GitHub

atom-cssbeautify's People

Stargazers

Watchers

atom-cssbeautify's Issues

Linting/"beautification" stops on comment

Hey, I like your package. It saves me bundles of time with collaborative code organization, and it's slim.

Well anyways, the one issue I have with this thing is that on run, the beautification halts when it sees a comment mid-way, ie. if this is my input CSS:

/* Import for default font */
@import url("https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700");
body {
  margin: 0px;
  color: #000;
  background: #ddd;
  font-family: 'Libre Baskerville', serif;
}
.cm-title {
  font-family: "Old Standard TT";
}
#cm-home-logo {
  float: left;
  position: relative;
  down: 50px;
}
.cm-block-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cm-nav-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
/* Quick override of Bootstrap 4's container class */
.container-fluid {
  padding: 0px;
}
nav {
  background: #eee;
}
nav a,
nav a:hover {
/* Make the links underline free,
        and the default color from the body element */
  text-decoration: none;
  color: inherit;
}

(there were more lines of code; truncated for the sake of readability)

This is the output, when I run the beautifier:

/* Import for default font */
@import url("https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700");

body {
    margin: 0px;
    color: #000;
    background: #ddd;
    font-family: 'Libre Baskerville', serif;
}

.cm-title {
    font-family: "Old Standard TT";
}

#cm-home-logo {
    float: left;
    position: relative;
    down: 50px;
}

.cm-block-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cm-nav-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* Quick override of Bootstrap 4's container class */
.container-fluid {
  padding: 0px;
}
nav {
  background: #eee;
}
nav a,
nav a:hover {
/* Make the links underline free,
        and the default color from the body element */
  text-decoration: none;
  color: inherit;
}

It stops beautifying right on that comment there.

Recommend Projects