Regular Expressions 101

Explanation
Pro

Negative Lookbehind(?<!vw\()

vwthe literal text vw (case sensitive)

\(the literal ( (40₁₀ / 50₈ / 28₁₆)

Negative Lookbehind(?<![-.\d])

Character Class[-.\d]

-the literal - (45₁₀ / 55₈ / 2D₁₆)

.the literal . (46₁₀ / 56₈ / 2E₁₆)

\da digit

Group 1(-?\d*(?:\.\d+)?px)

-?optionally matches the literal - (45₁₀ / 55₈ / 2D₁₆)

\d*a digit, repeated any number of times

Non-Capturing Group(?:\.\d+)?

?repeats the group contents below at most once:

\.the literal . (46₁₀ / 56₈ / 2E₁₆)

\d+a digit, repeated at least once

pxthe literal text px (case sensitive)

Global pattern flags

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

m modifier: multiline. Causes ^ and $ to match the start and end of each line, not only the start and end of the string

Detailed match information will be displayed here automatically.

26 tokens

(?<!vw\()(?<![-.\d])(-?\d*(?:\.\d+)?px)

New

padding: 25px 30px;
box-shadow: 0 vw(20px) vw(-.30px) rgba(10, 9, 3, 0.2);
border-radius: vw(20px);
margin-top: 10px;

padding: 25px 30px;
box-shadow: 0 vw(20px) vw(-.30px) rgba(10, 9, 3, 0.2);
border-radius: vw(20px);
margin-top: 10px;