/* 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'],
            {
                severity: 'warning',
            },
        ],
        'color-hex-length': ['long', { severity: 'warning' }],
        'font-weight-notation': ['named-where-possible', { severity: 'warning' }],
        'order/order': [
            [
                {
                    type: 'at-rule',
                    name: 'use',
                },
                'dollar-variables',
                'custom-properties',
                'declarations',
                {
                    type: 'at-rule',
                    name: 'include',
                },
                'at-rules',
                'rules',
            ],
            {
                severity: 'warning',
            },
        ],
        'order/properties-alphabetical-order': [true, { severity: 'warning' }],
    },
};