US198282 fixed on=light accordion panel bg color

chrisdo1 · chrisdo1 · commit 2c8fd558aa3d · 2019-03-21T17:39:37.000-04:00
`
diff --git a/elements/pfe-accordion/demo/index.html b/elements/pfe-accordion/demo/index.html
@@ -45,14 +45,17 @@
       .dark-gray-background {
         background-color: #222591;
       }
+      .light-gray-background {
+        background-color: #f8f8f8;
+      }
 
     </style>
   </head>
   <body unresolved>
 
-    <section class="white-background">
+    <section class="light-gray-background">
       <h2>&lt;pfe-accordion&gt;</h2><br/>
-      <pfe-accordion >
+      <pfe-accordion>
         <pfe-accordion-header>
           <h3>Why do wizards need money if they could just create it?</h3>
         </pfe-accordion-header>
diff --git a/elements/pfe-sass/mixins/_mixins.scss b/elements/pfe-sass/mixins/_mixins.scss
@@ -460,6 +460,7 @@ $pfe-expand_button--padding: calc(#{pfe-var(container-spacer)} * #{$pfe-expand_b
   @else {
     box-shadow: 0 5px #{pfe-var(surface--border-width-thick)} rgba(140, 140, 140, 0.35);
     border-left-color: #{pfe-color(surface--lightest--link)};
+    background-color: #{pfe-color(surface--lightest)};
     border-right-color: #{pfe-color(surface--border--lightest)};
     border-bottom: #{pfe-var(surface--border-width)} #{pfe-var(surface--border-style)} #{pfe-color(surface--border--lightest)};
   }

Original file line number	Diff line number	Diff line change
`@@ -460,6 +460,7 @@ $pfe-expand_button--padding: calc(#{pfe-var(container-spacer)} * #{$pfe-expand_b`
`460`	`460`	`@else {`
`461`	`461`	`box-shadow: 0 5px #{pfe-var(surface--border-width-thick)} rgba(140, 140, 140, 0.35);`
`462`	`462`	`border-left-color: #{pfe-color(surface--lightest--link)};`
	`463`	`+ background-color: #{pfe-color(surface--lightest)};`
`463`	`464`	`border-right-color: #{pfe-color(surface--border--lightest)};`
`464`	`465`	`border-bottom: #{pfe-var(surface--border-width)} #{pfe-var(surface--border-style)} #{pfe-color(surface--border--lightest)};`
`465`	`466`	`}`