Change propWhiteList to propList

[cuth]

This is a PR to change propWhiteList to propList.

This would solve issue #1 by allowing strings to match the beginning, end or anywhere in the prop.

{
  propList: ['^margin', '~border', '$-top']
}

This would solve issue #25 by allowing wildcard and "not" selectors.

{
  propList: ['*', '!~border']
}

New option description:
propList (Array) The properties that can change from px to rem.

• • Set this to an empty array to disable the white list and enable all properties.
• Values need to be exact matches. - Values need to be exact matches.
• • Use wildcard * to enable all properties. Example: ['*']
• • Use ~ to match any part of the property. (['~position'] will match background-position-y)
• • Use ^ to match the start of the property. (['^font'] will match font-weight)
• • Use $ to match the end of the property. (['$-radius'] will match border-top-right-radius)
• • Use ! to not match a property. Example: ['*', '!letter-spacing']
• • Combine the "not" prefix with the other prefixes. Example: ['*', '!~margin']

propWhiteList will map to propList for legacy support.

[sndrs]

what do you think about using * more generally, instead of ~, ^ and $? so that:

['*position*'] => ['~position']
['font*'] => ['^font']
['*-radius'] => ['$-radius']

[cuth]

@sndrs, I think you are right. That is easier to understand.

[awcross]

+1

[jieyou]

@cuth , Thanks for your wonderful plugin.
As talked above, when can you modify the signs to @sndrs 's suggestion and merge the PR to master?
It's very useful to my project that I want almost every length props can be auto translate to REM
Thanks again!

[sndrs]

❤️ 😃