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-left: 3%;
margin-right: 3%; margin-right: 3%;
padding: 20px 10px 15px; padding: 20px 10px 15px;
background-color: hsl(0deg 0% 100% / 48%); background-color: hsla(0, 0%, 100%, 0.48);
box-shadow: 0 0 40px hsl(0deg 0% 0% / 6%); box-shadow: 0 0 40px hsla(0, 0%, 0%, 0.06);
} }
#fixture_body { #fixture_body {

View File

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

View File

@ -20,6 +20,11 @@ module.exports = {
// Additional stylistic rules // Additional stylistic rules
"font-family-name-quotes": "always-where-recommended", "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 // Limit language features
"color-no-hex": true, "color-no-hex": true,
"color-named": "never", "color-named": "never",