Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

qualifyingElement linter should allow `&.classname` form

See original GitHub issue

The following is valid in my opinion, but qualifyElement flags the &.is-active:

.widget {
    color: black;

    &.is-active {
        color: red;
    }
}

This would apply to things like &[disabled] as well

Issue Analytics

State:
Created 8 years ago
Comments:10 (6 by maintainers)

Top GitHub Comments

2reactions

wohanleycommented, Sep 28, 2016

.a {
    &.b {
        &.c {
            color: black;
        }
    }
}

In that code, qualifyElement still flags &.c, I believe inappropriately.

0reactions

shellscapecommented, Jul 12, 2016

I’m taking this one on tonight. PR will be soon to follow

Top Results From Across the Web

Configuring Sass Lint for BEM - Stack Overflow

grid , I get [sass-lint] Class '.grid' should match regular expression /hyphenated_BEM/ (class-name-format) . – Jam3sn. Apr 3, 2018 at ...

Forms - React-Bootstrap

Control> element in <FloatingLabel> to enable floating labels with Bootstrap's textual form fields. A placeholder is required on each <Form.

Layout - React-Bootstrap

Give your forms some structure—from inline to horizontal to custom grid implementations—with our form layout options. Forms#. Every group of form fields should...

Conditional Styling using ClassName in React + ... - YouTube

In this video, you will see how to have conditional styling using className in React. I have prepared a simple react template for...