px-widths-tools-design

WebJar for px-widths-tools-design

License	BSD 3-Clause
GroupId	org.webjars.bowergithub.predixdesignsystem
ArtifactId	px-widths-tools-design
Last Version	1.0.3
Release Date	Apr 19, 2018
Type	jar
Description	px-widths-tools-design WebJar for px-widths-tools-design
Project URL	http://webjars.org
Source Code Management	https://github.com/predixdesignsystem/px-widths-tools-design

Download px-widths-tools-design

Filename	Size
px-widths-tools-design-1.0.3.pom
px-widths-tools-design-1.0.3.jar	55 KB
px-widths-tools-design-1.0.3-sources.jar	22 bytes
px-widths-tools-design-1.0.3-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bowergithub.predixdesignsystem/px-widths-tools-design/ -->
<dependency>
    <groupId>org.webjars.bowergithub.predixdesignsystem</groupId>
    <artifactId>px-widths-tools-design</artifactId>
    <version>1.0.3</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bowergithub.predixdesignsystem/px-widths-tools-design/
implementation 'org.webjars.bowergithub.predixdesignsystem:px-widths-tools-design:1.0.3'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bowergithub.predixdesignsystem/px-widths-tools-design/
implementation ("org.webjars.bowergithub.predixdesignsystem:px-widths-tools-design:1.0.3")

Apache Buildr

'org.webjars.bowergithub.predixdesignsystem:px-widths-tools-design:jar:1.0.3'

Apache Ivy

<dependency org="org.webjars.bowergithub.predixdesignsystem" name="px-widths-tools-design" rev="1.0.3">
  <artifact name="px-widths-tools-design" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bowergithub.predixdesignsystem', module='px-widths-tools-design', version='1.0.3')
)

Scala SBT

libraryDependencies += "org.webjars.bowergithub.predixdesignsystem" % "px-widths-tools-design" % "1.0.3"

Leiningen

[org.webjars.bowergithub.predixdesignsystem/px-widths-tools-design "1.0.3"]

Dependencies

compile (1)

Group / Artifact	Type	Version
org.webjars.bowergithub.predixdesignsystem : px-defaults-design	jar	[2.0.0,3)

Project Modules

There are no modules declared in this project.

px-width-tools-design

The Predix UI Widths Tools allows you to generate a suite of utility classes for sizing pieces of UI.

Dependency

The px-width-tools-design module depends on one other Px module:

• px-defaults-design

Installation

Install using bower:

bower install --save px-widths-tools-design

Once installed, @import into your project's Sass file in its Tools layer:

@import "px-widths-tools-design/_tools.widths.scss";

Usage

This flag is available and, if fractions are not desired, should be set to false prior to importing the module:

$inuit-use-fractions

Mixin provided

The following mixin is provided:

• inuit-widths: Generates series of classes in the format .u-7/12 or .u-7-of-12 (dependent on how the $inuit-use-fractions flag is set) to be used for sizing.

View the full API here.

Predix Design System

Versions

Version
1.0.3 Apr 19, 2018
1.0.0 Apr 19, 2018