Error while writing mixin for common text pattern

Question

@mixin text
{
  @mixin text($size, $l-height:null, $weight:null, $color:null)
        {
          font-size : $size;
          line-height : $l-height;
          font-weight : $weight;
          color : $color;   
       }
}
I wrote this mixin and included the 'mixin.scss' file in the 'base.scss' file.
 @include text(1em, 1.5, $color:$color-text-base);
I got an error:
Mixins may not be defined within control directives or other mixins.
Am i missing something?

David Bath · Answer

It looks like a syntax error because you have @mixin text inside @mixin text. You define a mixin like this:
```sass
@mixin text($size, $l-height:null, $weight:null, $color:null) {
}
``
Remove the outer@mixin text` and you should be fine.

Welcome to the Treehouse Community

Looking to learn something new?

Urmilla Kannuswamy

Urmilla Kannuswamy

Error while writing mixin for common text pattern

1 Answer

David Bath

David Bath