consistently use background instead of background-color

mojavelinux · mojavelinux · commit 4c873bf26590 · 2020-12-27T02:42:02.000-07:00
diff --git a/src/css/header.css b/src/css/header.css
@@ -80,7 +80,7 @@ body {
   line-height: 1.5;
   padding: 0.25rem;
   width: 10ex;
-  height: -webkit-fit-content;
+  height: -webkit-fit-content; /* fix for Safari */
   flex: auto;
 }
 
@@ -273,7 +273,7 @@ body {
 
   .navbar-menu a.navbar-item:hover,
   .navbar-menu .navbar-link:hover {
-    background-color: var(--navbar-menu_hover-background);
+    background: var(--navbar-menu_hover-background);
   }
 }
 
@@ -333,7 +333,7 @@ body {
   }
 
   .navbar-dropdown {
-    background-color: var(--navbar-menu-background);
+    background: var(--navbar-menu-background);
     border: 1px solid var(--navbar-menu-border-color);
     border-top: 2px solid var(--color-brand-primary);
     border-radius: 0 0 0.25rem 0.25rem;
@@ -360,7 +360,7 @@ body {
   }
 
   .navbar-dropdown a.navbar-item:hover {
-    background-color: var(--navbar-menu_hover-background);
+    background: var(--navbar-menu_hover-background);
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -80,7 +80,7 @@ body {`
`80`	`80`	`line-height: 1.5;`
`81`	`81`	`padding: 0.25rem;`
`82`	`82`	`width: 10ex;`
`83`		`- height: -webkit-fit-content;`
	`83`	`+ height: -webkit-fit-content; /* fix for Safari */`
`84`	`84`	`flex: auto;`
`85`	`85`	`}`
`86`	`86`
`@@ -273,7 +273,7 @@ body {`
`273`	`273`
`274`	`274`	`.navbar-menu a.navbar-item:hover,`
`275`	`275`	`.navbar-menu .navbar-link:hover {`
`276`		`- background-color: var(--navbar-menu_hover-background);`
	`276`	`+ background: var(--navbar-menu_hover-background);`
`277`	`277`	`}`
`278`	`278`	`}`
`279`	`279`
`@@ -333,7 +333,7 @@ body {`
`333`	`333`	`}`
`334`	`334`
`335`	`335`	`.navbar-dropdown {`
`336`		`- background-color: var(--navbar-menu-background);`
	`336`	`+ background: var(--navbar-menu-background);`
`337`	`337`	`border: 1px solid var(--navbar-menu-border-color);`
`338`	`338`	`border-top: 2px solid var(--color-brand-primary);`
`339`	`339`	`border-radius: 0 0 0.25rem 0.25rem;`
`@@ -360,7 +360,7 @@ body {`
`360`	`360`	`}`
`361`	`361`
`362`	`362`	`.navbar-dropdown a.navbar-item:hover {`
`363`		`- background-color: var(--navbar-menu_hover-background);`
	`363`	`+ background: var(--navbar-menu_hover-background);`
`364`	`364`	`}`
`365`	`365`	`}`
`366`	`366`