new responsive styles and markup for Showcase component (ember-users and sponsors)

[steveszc]

Helping at the Denver Ember Meet-up Open Source Night.

I updated the emberjs.com/ember-users page to add responsive styling, this page utilizes the showcase component for displaying user logos. The update involved adding some new css rules, and I updated the markup for the showcase component from a table-based layout to a unordered list, which is a more appropriate and semantic markup structure for this content.

The Showcase component is also used on the emberjs.com/sponsors page (which was already responsive) so I updated the markup structure there too, and made a few necessary CSS changes related to the sponsors page. I ended up moving some showcase-related styles from the sponsors scss partial to the main site scss partial so that all the showcase styles are co-located.

The Showcase component's visual layout is by-and-large identical with these changes. The new responsive layout shows the logos in a single column on small screens, in rows of two on medium screens, and rows of three of larger screens. There are a couple very minor differences in some padding and text sizes on the Sponsors Showcase due to some inherited styles from the ul/li elements, probably not worth the trouble of fixing.

[acorncom]

@steveszc Would you be able to send over a few screenshots showing how things look?

[steveszc]

@acorncom Here are screens from the /ember-users page

/ember-users (large screen)

/ember-users (medium screen)

/ember-users (small screen)

[steveszc]

@acorncom And here are screens from the /sponsors page

/sponsors (large screen)

/sponsors (medium screen)

/sponsors (small screen)

[locks]

Thanks for your contribution!

@homu r+

[locks]

Oops, no homu here yet xD