// nested example #1
#signup {
  .styles() {
    color: green;
  }
  .placeholder(~'[type="email"]');
}

// nested example #2
#contact {
  .styles() {
    color: red;
  }
  .placeholder(~'[type="name"]');
}

// stand alone example
// risky, as it becomes globally set and can be inherited in other style(instances)
.styles() {
  color: purple;
}
.placeholder(~'[type="search"]');