An example use of the SCSS percent operator

Here’s a handy SCSS online compilation of CSS:

jsrun.net/app/scss

Before:

%fo{
  color:red;
}

.two {
  @extend %fo;
  font-size: 10px;
}
Copy the code

After:

.two {
  color: red; }

.two {
  font-size: 10px; }}Copy the code