CODEWITHSUNDEEP
less
Dave Bergschneider
Dave Bergschneider

Reputation: 413

LESS syntax double dashes and parenthesis

The company I work at is using LESS and I'm trying to understand a particular selector method being used and hoping someone can explain the use of dashes and parenthesis in this example:

.style--heading-1(){
//properties
}

Upvotes: 0

Views: 111

Answers (1)

Christoph
Christoph

Reputation: 51241

With the example you provide, it is not 100% certain, but I'm pretty confident your company is using a specific naming convention called BEM or maybe a derivate. Like other frameworks (e.g. like OOCSS) it simply helps with organizing big CSS projects. However, according to strict BEM, .style--heading-1 doesn't seem like particularly good naming... ;)

The () are just indicating a parameterless mixin (function) in LESS.

Why don't you just as a coworker to give you more information? There is no shame in being willing to learn.

Upvotes: 1

Related Questions