px-box-sizing-design

WebJar for px-box-sizing-design

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

Download px-box-sizing-design

Filename	Size
px-box-sizing-design-1.0.3.pom
px-box-sizing-design-1.0.3.jar	53 KB
px-box-sizing-design-1.0.3-sources.jar	22 bytes
px-box-sizing-design-1.0.3-javadoc.jar	22 bytes

How to add to project

Apache Maven

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

Gradle Groovy

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

Gradle Kotlin

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

Apache Buildr

'org.webjars.bowergithub.predixdesignsystem:px-box-sizing-design:jar:1.0.3'

Apache Ivy

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

Groovy Grape

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

Scala SBT

libraryDependencies += "org.webjars.bowergithub.predixdesignsystem" % "px-box-sizing-design" % "1.0.3"

Leiningen

[org.webjars.bowergithub.predixdesignsystem/px-box-sizing-design "1.0.3"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

px-box-sizing-design

The Predix UI Box Sizing module sets the box-sizing property of all elements to border-box. Using the border-box model makes it easier to understand how changes to an element's spacing properties like margin or padding will impact the flow of elements. Read more about box-sizing on the Mozilla Developer Network website.

Dependencies

The px-box-sizing-design module doesn't have any dependencies.

Installation

Install this module and its dependencies using bower:

bower install --save px-box-sizing-design

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

@import 'px-box-sizing-design/_generic.box-sizing.scss';

Usage

Importing this module in your Sass will automatically set the following variable flag to true for other components:

$intuit-global-border-box : true;

This will tell other modules that you are using the border-box CSS box model. You don't have to do anything else.

The component will also set all elements to use box-sizing: border-box.

Please view the full API here

Predix Design System

Versions

Version
1.0.3 Apr 19, 2018
1.0.0 Apr 17, 2018