responsive

* Allows to add classes to body tag based on Breakpoints module configuration for specific themes. * Allows to setup classes prefix in module settings. It might be helpful if you have some conflicts with breakpoints and already existing body classes. * Debug mode for logging into Javascript console all breakpoint changes.

* Allows to add classes to body tag based on Breakpoints module configuration for specific themes. * Allows to setup classes prefix in module settings. It might be helpful if you have some conflicts with breakpoints and already existing body classes. * Debug mode for logging into Javascript console all breakpoint changes.

A quick and easy solution to this problem is to have your JS import the breakpoints directly from the CSS values in the DOM. This solution brings the current breakpoint variable into your JS in a way that's Simple & Lightweight DRY Compatible with all browsers that support media queries (IE9+)

If you’re not familiar with the general sibling combinator, the ~ li in li:nth-last-child(6):first-child ~ li means “any li elements that occur after li:nth-last-child(6):first-child.” In the following example, the elements each adopt a green font color if there are precisely six of them in total. Web design is about mutability, difference, uncertainty. It’s about not knowing. Uniquely, it is a mode of visual design not about manifesting a form, but about anticipating the different forms something might take.

Provides 'Masonry' style layouts as an option for rendering the contents of panel panes. Masonry rendering will re-pack panes in your panel to minimize vertical space and provide column-like appearance while the items are still in natural (horizontal) order on the page. With "Responsive" layouts happening everywhere, the Panels approach of locking everything into a grid can provide a bit of a dilemma, because your column count is pretty static. But the Panels approach of letting an editor drop elements into a page in certain zones still works well in some cases.

Antwort offers responsive layouts for Email that both fits and adapts to client widths. Don't underwhelm desktop users with single column layouts that work for mobile. Antwort offers columns on desktop that automatically become rows on mobile. Works on mobile: Mail on iOS and Email on Android. Works in major clients like Hotmail, Gmail, Yahoo! and AOL. Even works in Outlook (2000+). Bulletproof layouts: made with dynamic content in mind. Minimalist in design for maximum customizability.

Responsify your menus! Just give me a CSS/jQuery style selector of your menu and I will make it mobile friendly (when the time is right). Technically you could set this to affect any element on the page... e.g. collapse a sidebar or content area at a certain screen width. (Using certain styles).

Responsify your menus! Just give me a CSS/jQuery style selector of your menu and I will make it mobile friendly (when the time is right). Technically you could set this to affect any element on the page... e.g. collapse a sidebar or content area at a certain screen width. (Using certain styles).

First we will apply the css for both the accordion and the drop down, we will put the accordion styles in the global.css stylesheet in your subtheme, and the dropdown styles in yoursubtheme-alpha-default.css file. In my case the menu block has an id of #block-menu-menu-accordion, so replace that id with your own menu block id.

CSS3 Columns
Full Justification
Cross-browser Hyphenation with hypher.js
Set Column Gap to Zero
Responsiveness
Suitable Content for Columns