Introduce responsive horizontal cards

[tobias74]

By using the markup of the normal horizontal card with the new class "responsive-horizontal" the card will display as a horizontal card only on medium an up devices. On small devices the card will be displayed as a regular card since horziontal cards do not make much sense on small devices anyway.

[developeranirudhprabhu]

@acburst @Dogfalo Please look into it and do the needful

[tomscholz]

flexbox has only limited support in IE. Can you check if it is working there?

[alexjose]

Any update on this? Can this be merged?

[tobias74]

I will check this in IE this evening

[tobias74]

I checked it in Edge 40 and in IE11, works correctly in both browsers. I currently don't have any machine with IE10 or below, so I cannot verify this PR on those browsers...

[tobias74]

Concerning the flexbox-property: I basically just copied the original css of the regular card and put it in a media-query. So this "horizontal-responsive-card" is just a combination of a regular card and a horizontal card, switched by a media-query. Therefore it should display correctly whenever the original cards are working -- at least that's what I hope :-)

[dylanmrowe]

@Dogfalo @acburst Any updates on this PR? I'd like to have vertically-stackable cards on mobile - Having them only squish horizontally makes things look pretty terrible when using lots of larger cards in a row.

[Dogfalo]

We'd rather not add too many new features for now since we're transitioning into 1.0 beta release soon. After 1.0 we'll evaluate it's place in the framework