View source

Pull Utility

The pull utility is responsible for handling grid's column after offset.

Installation

npm install --save-dev iotacss-utils-pull

Dependencies

  • Settings.Core
  • Tools.Core

Settings

Name Type Default Description
$iota-utils-pull-namespace String pull- Class namespace
$iota-utils-pull-delimiter String $iota-global-delimiter Size delimiter. Default to \/. Ex: .u-pull-1/3
$iota-utils-pull-columns List $iota-global-columns Columns to populate pull utility for.
$iota-utils-pull-res Boolean false Enable / Disable breakpoint specific classes
$iota-utils-pull-breakpoints Map $iota-global-breakpoints Breakpoints map. Allows you to create breakpoints only for the pull responsive utility.

Class Syntax

Simple Class

1
.[utility-namespace][pull-namespace][column-number/total-columns]

Responsive Class

1
.[utility-namespace][pull-namespace][column-number/total-columns]@[breakpoint]

Examples

Only for two column grid

It will create pull utility only for a two column grid, .u-pull-1/2.

1
$iota-utils-pull-columns: 2;