STCOR-799 Upgrade/configure stylelint.

[JohnC-80]

This PR copies the stylelint config from stripes-components to apply similar rules.

The changes, in a nutshell:

• Using media-range notation for media queries
  • @media screen and (max-width: 440px) becomes @media screen and (width <= 440px)
• Color function notation - remove commas, represent alpha with percentage proceeded by a slash.
  • rgba(0, 0, 0, 0.75) becomes rgba(0 0 0 / 75%).
• Consolidating individual properties to single shorthand properties.
  • use inset: property and shorthand values as opposed to top, left, bottom, and right.
• Some declaration re-arrangement due to descending specificity
  • .navButton::before being declared before .navButton would have to be switched.

[github-actions]

Jest Unit Test Statistics

137 tests  ±0   137 ✔️ ±0   24s ⏱️ -1s
  18 suites ±0       0 💤 ±0 
    1 files   ±0       0 ❌ ±0 

Results for commit e7509c2. ± Comparison against base commit 592b1a0.

♻️ This comment has been updated with latest results.

[github-actions]

BigTest Unit Test Statistics

    1 files  ±0      1 suites  ±0   10s ⏱️ ±0s
271 tests ±0  265 ✔️ ±0  6 💤 ±0  0 ❌ ±0 
274 runs  ±0  268 ✔️ ±0  6 💤 ±0  0 ❌ ±0 

Results for commit e7509c2. ± Comparison against base commit 592b1a0.

This pull request removes 5 and adds 3 tests. Note that renamed tests count towards both.

      equal to check email label in english translation
      equal to check email precautions label in english translation
      equal to sent email precautions label in english translation
Chrome_120_0_0_0_(Linux_x86_64).Forgot username form test check email status page tests ‑ Forgot username form test check email status page tests should have the header with an appropriate text content
Chrome_120_0_0_0_(Linux_x86_64).Forgot username form test check email status page tests ‑ Forgot username form test check email status page tests should have the paragraph with an appropriate text content

Chrome_120_0_0_0_(Linux_x86_64).Forgot username form test check email status page tests ‑ Forgot username form test check email status page tests should have the header with an appropriate text content
      equal to check email label in english translation
Chrome_120_0_0_0_(Linux_x86_64).Forgot username form test check email status page tests ‑ Forgot username form test check email status page tests should have the paragraph with an appropriate text content
      equal to check email precautions label in english translation
Chrome_120_0_0_0_(Linux_x86_64).Forgot username form test check email status page tests ‑ Forgot username form test check email status page tests should have the paragraph with an appropriate text content
      equal to sent email precautions label in english translation

♻️ This comment has been updated with latest results.

[sonarqubecloud]

Quality Gate passed

Kudos, no new issues were introduced!

0 New issues
0 Security Hotspots
No data about Coverage
No data about Duplication

See analysis details on SonarCloud