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

Prettify output CSS (with --output-style=expanded) #233

Closed
am11 opened this issue Jan 5, 2014 · 2 comments
Closed

Prettify output CSS (with --output-style=expanded) #233

am11 opened this issue Jan 5, 2014 · 2 comments

Comments

@am11
Copy link
Contributor

am11 commented Jan 5, 2014

With --output-style=expanded, please generate the CSS in a properly expanded and well-formatted way.

Current:

/* line 65, C:\Users\Adeel\Documents\Visual Studio 2013\WebSites\WebSite1\1\2\3\cd.scss */
h6 {
  font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 12px; }

/* line 71, C:\Users\Adeel\Documents\Visual Studio 2013\WebSites\WebSite1\1\2\3\cd.scss */
#main-nav {
  background: url('menu_background.png') repeat-x;
  min-height: 45px;
  margin-bottom: 60px; }
  /* line 76, C:\Users\Adeel\Documents\Visual Studio 2013\WebSites\WebSite1\1\2\3\cd.scss */
  #main-nav .top-bar {
    margin: 0 auto;
    background-color: transparent; }

Desired:

/* line 65, C:\Users\Adeel\Documents\Visual Studio 2013\WebSites\WebSite1\1\2\3\cd.scss */
h6
{
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 12px;
}

/* line 71, C:\Users\Adeel\Documents\Visual Studio 2013\WebSites\WebSite1\1\2\3\cd.scss */
#main-nav
{
    background: url('menu_background.png') repeat-x;
    min-height: 45px;
    margin-bottom: 60px;
}

    /* line 76, C:\Users\Adeel\Documents\Visual Studio 2013\WebSites\WebSite1\1\2\3\cd.scss */
    #main-nav .top-bar
    {
        margin: 0 auto;
        background-color: transparent;
    }

Note, after each rule there is a line-break, curly braces are on separate lines and nested rules are following desired indentation spacing (4 in this case, perhaps with another switch --indent).

Incidentally, nested and expanded (and I guess compact as well), all generates same kind of output. What is the difference?

Thanks.

@akhleung
Copy link

akhleung commented Jan 6, 2014

Sorry, the expanded output style is currently identical to the nested style. We do plan to fully implement all four styles, but at the moment, we felt that nested and compressed were the most important ones (since nested is most likely to be used for debugging, and compressed is most likely to be used in production).

@akhleung
Copy link

akhleung commented Jun 5, 2014

Covered by #15 .

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

2 participants