View source

Push Utility

The push utility is responsible for handling grid's column before offset.

Installation

npm install --save-dev iotacss-utils-push

Dependencies

  • Settings.Core
  • Tools.Core

Settings

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

Class Syntax

Simple Class

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

Responsive Class

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

Examples

Only for two column grid

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

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