SCSS - CSS Propertie use

Properties
As with selectors, we can also nest properties which have related namespaces such as background, font and border. Nested properties are similar to nested selectors. However, you need to include :. Let’s look at an example:
.class-name {
  background: {
    color: rgb(0,0,0);
    position: center;
    size: contain;
  }
  font: {
    size: 1.5rem;
    weight: 300;
    family: ‘open sans’, arial, sans-serif;
  }
}
would compile to:
.class-name {
  background-color: #000000;
  background-position: center;
  background-size: contain;
  font-size: 1rem;
  font-weight: 300;
  font-family: ‘open sans’, arial, sans-serif;
}