I’m looking for a stack that does a very specific thing: dynamically apply/change the class of an item at various break points.
What I’m trying to achieve is this:
I have a responsive 2-column layout. Inside each column I’m using a text stack to put custom HTML for a font-awesome list. At iPad landscape and above, I want the lists to be center aligned (which requires some custom CSS to change the behavior of the Font Awesome icons so they center along with the text, instead of remaining out at the margin)… which I’m achieving by applying a class of “center” and styling it in custom CSS.
Below iPad Landscape size, I’d like the columns to go back to left-aligned. Right now I’m using media queries to do this… but I’d love it if there was a Stack I could use so it could be managed right on page, in the GUI.
Anyone know of something like this? I’ve looked at Jack (Joe Workman), Paragraph Pro (Big White Duck), Align (Doobox) and some others. Align comes the closest… but handles the application of the media queries internally and doesn’t change classes on the items.