Pre-publish: simplify and remove deprecated styles

[geoffrich]

Before publishing auro-banner to the Auro Design system namespace (https://github.com/AlaskaAirlines/auro-banner/issues/10), the following styling issues should be addressed:

• [x] Remove generated CSS source maps from the repo (style-css.map and style-fixed.map)
• [x] Revisit CSS rules using nth-child(2). Several of these rules have /* stylelint-ignore */ comments. They seem to all be setting a margin to separate flex-children, and we can likely replace them by setting a single gap on the flex container itself. https://github.com/AlaskaAirlines/auro-banner/blob/578c15504a04bed1b7da7a92847869c3da490e5c/src/style.scss#L46-L55
• [x] The padding applied to .content is unnecessary. We are setting padding as an inline style in the component, which overrides any class-based styles. Below is one example, though we set padding multiple times in the stylesheet. https://github.com/AlaskaAirlines/auro-banner/blob/578c15504a04bed1b7da7a92847869c3da490e5c/src/style.scss#L98-L105
• [x] Remove styles for deprecated API "onBackground" https://github.com/AlaskaAirlines/auro-banner/blob/578c15504a04bed1b7da7a92847869c3da490e5c/src/style.scss#L129-L133
• [x] Use display: block instead of display: initial. initial is equivalent to inline for the display property. For reference https://github.com/AlaskaAirlines/auro-banner/blob/578c15504a04bed1b7da7a92847869c3da490e5c/src/style.scss#L57-L90
• [x] Unless I'm missing something, there is no reason to make slotted images a flex container -- they won't have children. https://github.com/AlaskaAirlines/auro-banner/blob/578c15504a04bed1b7da7a92847869c3da490e5c/src/style.scss#L92-L95
• [x] Remove style declarations for .graphic, which is no longer present in the template. https://github.com/AlaskaAirlines/auro-banner/blob/578c15504a04bed1b7da7a92847869c3da490e5c/src/style.scss#L41-L44
• [x] The following comment appears to be out of date. https://github.com/AlaskaAirlines/auro-banner/blob/578c15504a04bed1b7da7a92847869c3da490e5c/src/style.scss#L68-L75

[jason-capsule42]

@geoffrich regarding your last comment about this code:

// When hiding the Medium and Large graphic element the content // must be made 100% width :host([hideGraphicMd]) { @include auro_breakpoint--sm { .bannerWrapper { display: initial; } }

I'm not sure what you think is out of date. This code does what I expect it to per the description. Switching the display to block overrides the inline flex-basis and the content renders full width.

[geoffrich]

@jason-capsule42 I overlooked that that container is display: flex. In that case, we should use display: flex instead of display: initial. Since the initial value for the display property is inline, display: initial is equivalent to display: inline. From your description, it sound like you want to reset the container's display property to what it was first set to, i.e. display: flex.

[geoffrich]

Sorry @jason-capsule42 -- I got my wires crossed here and misunderstood what you were asking.

re: my last item about the comment, I didn't quite understand the code comment and how setting the display property of the wrapper made the content 100% width. So I wasn't sure if was an outdated comment or not.