Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

.footer {
  background: #2f3536;
  width: 100%;
  border: 1px solid black;
  
  &__items {
    font-size: large;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  
  &__item {
    font-size: small;
    color: tomato;
    margin-left: 10px;
    
    &--blue {
      color: blue;
    }
  }
  
  &--large {
    height: 200%;
    color: green;
  }
  
  &--medium {
    height: 10px;
  }
}

SassMeister-output.css

.footer {
  background: #2f3536;
  width: 100%;
  border: 1px solid black;
}
.footer__items {
  font-size: large;
  list-style-type: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.footer__item {
  font-size: small;
  color: tomato;
  margin-left: 10px;
}
.footer__item--blue {
  color: blue;
}
.footer--large {
  height: 200%;
  color: green;
}
.footer--medium {
  height: 10px;
}