Regular Expressions 101

Character Class[\s]{0,}

{0,}matches any number of characters from the set below:

\sany whitespace character

@the literal @ (64₁₀ / 100₈ / 40₁₆)

Group 1([\w]+)

Character Class[\w]+

+matches at least one character from the set below:

\wany word character

Character Class[ ]{1,}

{1,}matches at least one character from the set below:

the literal (32₁₀ / 40₈ / 20₁₆)

Group 2([\w\d]+)

Character Class[\w\d]+

+matches at least one character from the set below:

\wany word character

\da digit

Character Class[ ]{0,}

{0,}matches any number of characters from the set below:

the literal (32₁₀ / 40₈ / 20₁₆)

{the literal { (123₁₀ / 173₈ / 7B₁₆)

.+?any character, repeated at least once

Positive Lookahead(?=})

}the literal } (125₁₀ / 175₈ / 7D₁₆)

Global pattern flags

g modifier: global. Finds all matches instead of stopping after the first

s modifier: single line. Allows a dot to match line terminators

Detailed match information will be displayed here automatically.

Search reference

Regular Expression

[\s]{0,}@([\w]+)[ ]{1,}([\w\d]+)[ ]{0,}{.+?(?=})

New

@component helloWorld {
  background-color: red;
  padding: 1rem;

  @modifier red {
    color: green;
  }
}

bac