Position

A series of utility classes that adjust the position property of a selector, with support for responsive modifiers.

Install

npm install seed-position --save

Dependencies


Usage

All of the following classes support responsive modifiers.

Class Position
.u-pos-absolute absolute
.u-pos-fixed fixed
.u-pos-inherit inherit
.u-pos-initial initial
.u-pos-relative relative
.u-pos-static static

Configurations

Below are the default Sass configuration variables for seed-position. The variables can be found in the pack’s _config.scss file.

seed-position/_config.scss
// Namespace
$seed-position-namespace: u-pos !default;

// Positions
$seed-positions: (
  absolute: absolute,
  fixed: fixed,
  inherit: inherit,
  initial: initial,
  relative: relative,
  static: static
) !default