Responsive white space margin and padding utilities module for Basscss
npm install basscss-responsive-white-spaceThis module is deprecated in favor of basscss-responsive-margin and basscss-responsive-padding
Responsive white space margin and padding utilities module for Basscss - http://basscss.com
Margin and padding utilities are based on a global white space scale defined with variables.
These utilities use a shorthand naming convention.
| Shorthand | Description |
|---|---|
| m | Margin |
| p | Padding |
| t | Top |
| r | Right |
| b | Bottom |
| l | Left |
| x | X-axis (left and right) |
| y | Y-axis (top and bottom) |
| n | Negative (margin only) |
| 1 | --space-1 (default .5rem) |
| 2 | --space-2 (default 1rem) |
| 3 | --space-3 (default 2rem) |
| 4 | --space-4 (default 4rem) |
| Prefix | Description |
|---|---|
| (no prefix) | Not scoped to a breakpoint |
| sm- | --breakpoint-sm (default: min-width 40em) |
| md- | --breakpoint-md (default: min-width 52em) |
| lg- | --breakpoint-lg (default: min-width 64em) |