In recent projects I've created a module called "bump". The aim of this is to allow the developer to apply padding/margin conditionally based on the active breakpoint.
This is useful because in certain scenarios you need (for example) a bottom margin on smaller viewports which then causes additional spacing to appear on larger viewports. This margin thus needs to be cancelled at this larger viewport.
Currently this requires defining custom styles that are usually tied to the specific HTML markup which is not scalable.
Bump provides classes for
1) all directions of padding/margin (individually)
2) all padding/margin (all directions)
3) cancelling all directions of padding/margin (individually)
4) cancelling all padding/margin (all directions)
It's very similar to how the '_spacing' works but it takes account of breakpoints.
Extend the functionality and apply to the framework.
In recent projects I've created a module called "bump". The aim of this is to allow the developer to apply padding/margin conditionally based on the active breakpoint.
This is useful because in certain scenarios you need (for example) a bottom margin on smaller viewports which then causes additional spacing to appear on larger viewports. This margin thus needs to be cancelled at this larger viewport.
Currently this requires defining custom styles that are usually tied to the specific HTML markup which is not scalable.
Bump provides classes for
1) all directions of padding/margin (individually) 2) all padding/margin (all directions) 3) cancelling all directions of padding/margin (individually) 4) cancelling all padding/margin (all directions)
It's very similar to how the '_spacing' works but it takes account of breakpoints.
Extend the functionality and apply to the framework.