Widths-responsive

The widths-responsive module is an extension of the default widths module.

Dependencies

The widths-responsive module depends on four other modules:

• settings.defaults
• settings.responsive
• tools.responsive
• trump.widths
• tools.widths

If you install the widths-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 widths-responsive module via Bower, npm, or copy and paste.

Install using Bower:

$ bower install tree-widths-responsive --save

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

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

Install using npm:

$ npm install tree-widths-responsive --save

Install via file download

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

Usage

widths-responsive loops through the breakpoints defined in settings.responsive to generate prefixed breakpoint-based classes like u-1/4-lap-and-up, or u-1-of-2-desk, etc.

Credits

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