Breakpoints_css allows including css in an theme .info file by the named breakpoints provided by the Breakpoints module.

For example, if you have a theme named mytheme, in mytheme.info declare

breakpoints[mybreakpoint] = (min-height: 20em)
stylesheets-for[breakpoints.theme.mytheme.mybreakpoint][] = css/mybreakpoint.css

Where breakpoints.theme.mytheme.mybreakpoint is the machine name created by the Breakpoints module when declaring the breakpoint mybreakpoint in the theme mytheme.

Breakpoints created by other themes, modules, and through the breakpoints UI may be referenced as well.
Multiple stylesheets may be associated with a single named breakpoint.

The easiest way to find the machine name for a breakpoint is by inspecting the URLs in the Breakpoints UI configuration page.

This module was inspired by Breakpoints JS and based on Conditional Stylesheets.

Supporting organizations: 
Sponsor

Project information

Releases