Every time I try to compile my SCSS file into CSS, I encounter an error. The specific error message states: "selector groups may not be extended" pertaining to the line @extend .btn, .btn-link;.
Just a heads up: I have Bootstrap imported in my primary scss file.
Snippet of the code:
button {
@extend .btn, .btn-link;
background-color: $lf-green;
color: #fff;
font-size: 10px;
padding: 2px 5px;
text-transform: uppercase;
&:hover {
background: rgba(5,97,43,0.9);
color: #fff;
text-decoration: none;
}
}
What am I missing here?
Many thanks!
UPDATE:
Just for future reference: The reason this was not possible is because I was using lib-sass via node-sass, which doesn't align with the current sass version available conventionally https://github.com/andrew/node-sass#reporting-sass-compilation-and-syntax-issues.