Spacing-responsive

The spacing-responsive module provides breakpoint-based classes for nudging margins and paddings around responsively, e.g. .lap-mb0, .desk-mb++.

Dependencies

The spacing-responsive module depends on four other modules:

• settings.defaults
• tree-responsive-settings
• tree-responsive-tools
• tree-spacing

If you install the spacing-responsive module using Bower or npm, you will get these dependencies at the same time. If not using Bower or npm, please be sure to install and @import these dependencies in the relevant way.

Installation

You can install spacing-responsive module via Bower, npm, Git Submodule, or copy and paste.

Install using Bower:

$ bower install tree-spacing-responsive --save

Once installed, @import into your project in its Trump layer:

@import "bower_components/tree-spacing-responsive/trump.spacing-responsive";

Install using npm:

$ npm install tree-spacing-responsive --save

Install as a Git Submodule:

$ git submodule add git@github.com:treeframework/trump.spacing-responsive.git

Once installed, @import into your project in its Trump layer:

@import "trump.spacing-responsive/trump.spacing-responsive";

Install via file download

The least recommended option for installation is to simply download _trump.spacing-responsive.scss into your project and @import it into your project in its Trump layer.

Credits

• inuitcss Powerful, Sass-based, OOCSS framework designed with scalability and performance in mind.