at-mixin-named-arguments.md

Pattern: Malformed named parameter for @include

Issue: -

Description

Require or disallow named parameters in at-mixin call rule.

@include animation($duration: 250ms) {
//                 ↑
// Require or disallow this

Examples

string: "always"|"never"

always

The following patterns are considered warnings:

.foo {
  @include animation(250ms, 100ms, infinite);
} 

.foo {
  @include animation(250ms);
} 

.foo {
  @include reset($value: 20, 'bar', $color: #FFF);
}

The following patterns are not considered warnings:

.foo {
  @include animation($duration: 250ms);
}

.foo {
  @include animation($duration: 250ms, $delay: 100ms, $direction: infinite);
}

never

The following patterns are considered warnings:

.foo {
  @include reset($value: 20);
}

.foo {
  @include animation($duration: 250ms, $delay: 100ms, $direction: infinite);
}

.foo {
  @include reset($value: 20, 'bar', $color: #FFF);
}

The following patterns are not considered warnings:

.foo {
  @include animation(250ms, 100ms, infinite);
} 

Configuration

"ignore": ["single-argument"]

Given:

{ "ignore": ["single-argument"] }

The following patterns are not considered warnings:

.foo {
  @include animation($duration: 250ms);
}

.foo {
  @include reset(20);
}

Further Reading

• stylelint-scss - at-mixin-named-arguments