/* eslint-disable unicorn/no-null */

export default {
    extends: ['stylelint-config-standard-scss'],
    overrides: [
        {
            files: ['**/*.vue'],
            customSyntax: 'postcss-html',
        },
    ],
    plugins: ['stylelint-order'],
    rules: {
        'block-no-empty': null,
        'no-invalid-double-slash-comments': null,
        'no-invalid-position-declaration': [true, { ignoreAtRules: ['media'] }],
        'property-disallowed-list': [
            'animation',
            'background',
            'border',
            'flex',
            'font',
            'grid',
            'margin',
            'padding',
            'transition',
        ],
        'color-hex-length': 'long',
        'font-weight-notation': 'named-where-possible',
        'container-name-pattern': null,
        'custom-media-pattern': null,
        'custom-property-pattern': null,
        'keyframes-name-pattern': null,
        'layer-name-pattern': null,
        'selector-class-pattern': null,
        'selector-id-pattern': null,
        'declaration-block-no-redundant-longhand-properties': null,
        'scss/double-slash-comment-empty-line-before': null,
        'order/order': [
            {
                type: 'at-rule',
                name: 'use',
            },
            'dollar-variables',
            'custom-properties',
            'declarations',
            {
                type: 'at-rule',
                name: 'include',
            },
            'at-rules',
            'rules',
        ],
        'order/properties-alphabetical-order': true,
    },
};
