home icon
chevron-right icon
Rules
chevron-right icon
Style
chevron-right icon
Sortproperties

Sort Properties

The sortProperties rule will apply alphabetical sorting to style class selector properties…

🙌

true

Lorem Ipsum

  • default
  • recommended
  • warrington
  • strict
  • prettier
.class {
  z-index: 999;
  color: #fff;
  width: 200px;
  background-repeat: no-repeat;
  background-position: top;
  background-attachment: fixed;
  font-weight: 100;
  font-style: bold;
  margin-top: 100px;
  display: flex;
  position: absolute;
  float: right;
  margin-left: 100px;
  padding-right: 25px;
  transition: ease-in;
  visibility: visible;
  padding-bottom: 40px;
  font-weight: 100;
  font-style: bold;
  padding-left: 25px;
  visibility: collapse;
  min-inline-size: inherit;
}

.class {
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  color: #fff;
  display: flex;
  float: right;
  font-style: bold;
  font-style: bold;
  font-weight: 100;
  font-weight: 100;
  margin-left: 100px;
  margin-top: 100px;
  min-inline-size: inherit;
  padding-bottom: 40px;
  padding-left: 25px;
  padding-right: 25px;
  position: absolute;
  transition: ease-in;
  visibility: visible;
  visibility: collapse;
  width: 200px;
  z-index: 999;
}
👍

false

  • default
  • recommended
  • warrington
  • strict
  • prettier
.class {
  z-index: 999;
  color: #fff;
  width: 200px;
  background-repeat: no-repeat;
  background-position: top;
  background-attachment: fixed;
  font-weight: 100;
  font-style: bold;
  margin-top: 100px;
  display: flex;
  position: absolute;
  float: right;
  margin-left: 100px;
  padding-right: 25px;
  transition: ease-in;
  visibility: visible;
  padding-bottom: 40px;
  font-weight: 100;
  font-style: bold;
  padding-left: 25px;
  visibility: collapse;
  min-inline-size: inherit;
}

.class {
  z-index: 999;
  color: #fff;
  width: 200px;
  background-repeat: no-repeat;
  background-position: top;
  background-attachment: fixed;
  font-weight: 100;
  font-style: bold;
  margin-top: 100px;
  display: flex;
  position: absolute;
  float: right;
  margin-left: 100px;
  padding-right: 25px;
  transition: ease-in;
  visibility: visible;
  padding-bottom: 40px;
  font-weight: 100;
  font-style: bold;
  padding-left: 25px;
  visibility: collapse;
  min-inline-size: inherit;
}