Sass nesting css properties

browserslist

> 1%
last 2 versions

SassMeister-input.scss

// ----
// libsass (v3.5.4)
// ----

.block {
  font: {
    size: 24px;
    family: "Proxima Nova", sans-serif;
    weight: 600;
  };
  background: {
    color: pink;
    size: 100%;
  };
  .box {
    border: {
      width: 1px;
      color: #eee;
      radius: 5px;
    };
  }
}

SassMeister-output.css

.block {
  font-size: 24px;
  font-family: "Proxima Nova", sans-serif;
  font-weight: 600;
  background-color: pink;
  background-size: 100%;
}

.block .box {
  border-width: 1px;
  border-color: #eee;
  border-radius: 5px;
}