Skip to content

CSS: box-shadow comma-separated value should break on multiple lines when >print-width #4460

@kaelig

Description

@kaelig

Prettier 1.12.1
Playground link

# Options (if any):
--print-width 80
--tab-width 2

Input (line 2 is 81 chars):

.SearchBox {
  box-shadow: 0 1rem 6rem rgba(0, 0, 0, 0.18), 0 0.3rem 1rem rgba(0, 0, 0, 0.17);
}

Output (line 2 is still 81 chars long):

.SearchBox {
  box-shadow: 0 1rem 6rem rgba(0, 0, 0, 0.18), 0 0.3rem 1rem rgba(0, 0, 0, 0.17);
}

Expected behavior:

.SearchBox {
  box-shadow: 0 1rem 6rem rgba(0, 0, 0, 0.18),
    0 0.3rem 1rem rgba(0, 0, 0, 0.17);
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    lang:css/scss/lessIssues affecting CSS, Less or SCSSlocked-due-to-inactivityPlease open a new issue and fill out the template instead of commenting.

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions