SeanJM / atom-css-clean

A plugin for Atom which sorts and aligns CSS and SASS
MIT License
20 stars 2 forks source link

Removing properties from my selector #46

Open SanDiegoCasey opened 5 years ago

SanDiegoCasey commented 5 years ago

my previous code was this:

.result-row {
  width: 98%;
  margin: auto;
  display: flex;
  background-color: #fff;
  -webkit-filter: drop-shadow(2px 2px 2px #c7c7c7);
  filter: drop-shadow(2px 2px 2px #c7c7c7);
  margin-bottom: 5px;
}

CSS Clean changed it to this, losing my spacing and drop shadow.

.result-row {
  display          : flex;
  width            : 98%;
  margin           : auto;
  background-color : #fff;
}
WebGuyJeff commented 3 years ago

I see this report is old but my issue is the same with more extreme examples. Clean is completely emptying certain selectors.

Before:

.hero-header {
    display: flex;
    position: relative;
    justify-content: center;
    background:
        linear-gradient( #fff0 0%, #0000 0%, #0002 70%, #0000 70%),
        linear-gradient( #fff1 0%, #0000 70%),
        radial-gradient(at 50% 60%, #fff2 50%, #0003 100%),
        radial-gradient(at 50% 35%, #fff2 0%, #0000 50%),
        radial-gradient(at 50% 85%, #fff3 0%, #0000 40%),
        linear-gradient( #0000 70%, #fff2 78%, #fff2 88%, #0000 100%);
    background-color: var(--bbs_orange);
    height: 110vh;
    overflow: hidden;
}

.sidebar {
    gap: 0;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    margin-left: 0;
    width: 100%;
    height: fit-content;
}

After:

.hero-header {}

.sidebar {}

I tried to debug but I get differing results depending on the properties I leave in place.