basscss-responsive-white-space
Advanced tools
Responsive white space margin and padding utilities module for Basscss
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) |
Responsive white space utilities follow the same breakpoint prefix convention as other Basscss modules.
| 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) |
Change or reset default margins using the global white space scale. Negative x-axis margins are used to offset padding. Margin auto is used to horizontally center block-level elements with a set width.
Padding utilities are only available in symmetrical orientations. This is to normalize the spacing used around elements.
FAQs
Responsive white space margin and padding utilities module for Basscss
The npm package basscss-responsive-white-space receives a total of 54 weekly downloads. As such, basscss-responsive-white-space popularity was classified as not popular.
We found that basscss-responsive-white-space demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Newly introduced telemetry in devenv 1.4 sparked a backlash over privacy concerns, leading to the removal of its AI-powered feature after strong community pushback.
Security News
TC39 met in Seattle and advanced 9 JavaScript proposals, including three to Stage 4, introducing new features and enhancements for a future ECMAScript release.
Security News
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
