styles: Use legacy color notations for older browser compatibility.

Signed-off-by: Anders Kaseorg <anders@zulip.com>
This commit is contained in:
Anders Kaseorg 2021-11-04 21:52:07 -07:00 committed by Tim Abbott
parent 22d68831d7
commit 2080278758
3 changed files with 10 additions and 9 deletions

View File

@ -8,8 +8,8 @@
margin-left: 3%;
margin-right: 3%;
padding: 20px 10px 15px;
background-color: hsl(0deg 0% 100% / 48%);
box-shadow: 0 0 40px hsl(0deg 0% 0% / 6%);
background-color: hsla(0, 0%, 100%, 0.48);
box-shadow: 0 0 40px hsla(0, 0%, 0%, 0.06);
}
#fixture_body {

View File

@ -932,11 +932,7 @@ nav {
/* -- compare css -- */
.compare,
.compare-education {
background: linear-gradient(
198deg,
hsl(170deg 34% 47%),
hsl(146deg 31% 60%)
);
background: linear-gradient(198deg, hsl(170, 34%, 47%), hsl(146, 31%, 60%));
color: hsl(0, 0%, 100%);
.table-container {
@ -2444,7 +2440,7 @@ nav {
background-position: center;
.bg-dimmer {
background-color: hsl(224, 52%, 12%, 75%);
background-color: hsl(224, 52%, 12%, 0.75);
}
}
@ -4456,7 +4452,7 @@ nav {
.portico-landing.why-page.case-study-page {
.bg-dimmer {
background-color: hsl(224, 52%, 12%, 86%);
background-color: hsl(224, 52%, 12%, 0.86);
}
.hero-text {

View File

@ -20,6 +20,11 @@ module.exports = {
// Additional stylistic rules
"font-family-name-quotes": "always-where-recommended",
// Compatibility with older browsers
"alpha-value-notation": "number",
"color-function-notation": "legacy",
"hue-degree-notation": "number",
// Limit language features
"color-no-hex": true,
"color-named": "never",