• Home
• org.sonarsource.javascript
• sonar-javascript-plugin
• 9.11.0.20161
• source code
• S4651.html

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

org.sonar.l10n.css.rules.css.S4651.html Maven / Gradle / Ivy

linear-gradient was standardized with CSS3. Before that, it was possible to use different non-standard values to define the gradient’s
direction. Because these values are not standard, they are not supported in all browsers and therefore they should no longer be used in order to get
the expected gradient in the latest browser versions that support CSS3.
This rule raises an issue when the first parameter of a linear-gradient is not a valid <side-or-corner> or
angle.
Noncompliant Code Example
.foo {
  background: -webkit-linear-gradient(to top, #fff, #000);
  background: linear-gradient(top, #fff, #000);
}

.bar {
  background: linear-gradient(45, #fff, #000);
}

Compliant Solution
.foo {
  background: -webkit-linear-gradient(top, #fff, #000);
  background: linear-gradient(to top, #fff, #000);
}

.bar {
  background: linear-gradient(45deg, #fff, #000);
}

See

  
 Mozilla Web Technology for Developers -
  linear-gradient