1) create a breakpoint with a rule like this:
all and (min-width: 980px) and (min-device-width: 980px), all and (max-device-width: 1024px) and (min-width: 1024px) and (orientation:landscape)

2) go to /admin/config/media/resp_img/create_style and create a new style, set base name to "mobile"

At this point the new style name is
mobileall and (max-width: 740px) and (max-device-width: 740px)

If you then go to edit this style, you can't, because with a messed up style name like this, image style form at admin/config/media/image-styles/edit/% won't validate...

Please only use lowercase alphanumeric characters, underscores (_), and hyphens (-) for style names.

Comments

tmsimont’s picture

tmsimont commented
Version: 7.x-2.0-beta3 » 7.x-2.x-dev

updated to most recent dev, still an issue.

attiks’s picture

attiks commented
Assigned: Unassigned » jelle_s

We'll backport the fix from picture module.

merch’s picture

merch commented

There appear to be two forms available to create styles
#1 has used admin/config/media/resp_img/create_style which creates styles with unusable names

creating styles on the form on admin/config/media/breakpoints/create_style creates more usable names

best adding a underscore at the end of the base name

jelle_s’s picture

jelle_s
Primary language Dutch
Location Antwerp, Belgium
commented
Status: Active » Fixed

Fixed in latest dev (reusing the form from the Breakpoints module)

jelle_s’s picture

jelle_s
Primary language Dutch
Location Antwerp, Belgium
commented
Assigned: jelle_s » Unassigned

Unassigning

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.