px-starter-kit-design

WebJar for px-starter-kit-design

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

Download px-starter-kit-design

Filename	Size
px-starter-kit-design-1.0.0.pom
px-starter-kit-design-1.0.0.jar	54 KB
px-starter-kit-design-1.0.0-sources.jar	22 bytes
px-starter-kit-design-1.0.0-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bowergithub.predixdesignsystem/px-starter-kit-design/ -->
<dependency>
    <groupId>org.webjars.bowergithub.predixdesignsystem</groupId>
    <artifactId>px-starter-kit-design</artifactId>
    <version>1.0.0</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bowergithub.predixdesignsystem/px-starter-kit-design/
implementation 'org.webjars.bowergithub.predixdesignsystem:px-starter-kit-design:1.0.0'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bowergithub.predixdesignsystem/px-starter-kit-design/
implementation ("org.webjars.bowergithub.predixdesignsystem:px-starter-kit-design:1.0.0")

Apache Buildr

'org.webjars.bowergithub.predixdesignsystem:px-starter-kit-design:jar:1.0.0'

Apache Ivy

<dependency org="org.webjars.bowergithub.predixdesignsystem" name="px-starter-kit-design" rev="1.0.0">
  <artifact name="px-starter-kit-design" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bowergithub.predixdesignsystem', module='px-starter-kit-design', version='1.0.0')
)

Scala SBT

libraryDependencies += "org.webjars.bowergithub.predixdesignsystem" % "px-starter-kit-design" % "1.0.0"

Leiningen

[org.webjars.bowergithub.predixdesignsystem/px-starter-kit-design "1.0.0"]

Dependencies

compile (8)

Group / Artifact	Type	Version
org.webjars.bowergithub.predixdesignsystem : px-box-sizing-design	jar	[1.0.0,2)
org.webjars.bowergithub.predixdesignsystem : px-widths-responsive-design	jar	[1.0.0,2)
org.webjars.bowergithub.predixdesignsystem : px-flexbox-design	jar	[1.0.0,2)
org.webjars.bowergithub.predixdesignsystem : px-spacing-responsive-design	jar	[1.0.0,2)
org.webjars.bowergithub.predixdesignsystem : px-colors-design	jar	[1.0.0,2)
org.webjars.bowergithub.predixdesignsystem : px-normalize-design	jar	[1.0.0,2)
org.webjars.bowergithub.predixdesignsystem : px-viewport-design	jar	[1.0.0,2)
org.webjars.bowergithub.predixdesignsystem : px-helpers-design	jar	[1.0.0,2)

Project Modules

There are no modules declared in this project.

px-starter-kit-design

The Predix UI Starter Kit is one of Predix's meta kits and simply ties together a few key dependencies that are usually the starting point for any new project. It is a fork of inuitcss' starter-kit.

The Starter Kit specifically contains Px and inuitcss default variables and mixins, as well as Nicolas Gallagher’s Normalize.css, global box-sizing, and viewport rules.

Additionally, the Starter Kit includes unobtrusive helper and trump classes for use within a project. This enables by default utilities to help with responsive implementation and micro spacing strategies.

Dependencies

Strictly speaking, the px-starter-kit-design module is just a collection of dependencies and nothing else. There is no Sass file, just modules you can import into your project as a starting point.

Installation

$ bower install --save-dev https://github.com/PredixDev/px-starter-kit-design.git

Usage

Use the following as a template for your Sass file. Inside this template,the modules must be imported in the following order (read more about why the order matters):

// Settings
@import "px-colors-design/_settings.colors.scss";

// Tools

// Generic
@import "px-normalize-design/_generic.normalize.scss";
@import "px-box-sizing-design/_generic.box-sizing.scss";
@import "px-helpers-design/_generic.helpers.scss";

// Base
@import "px-flexbox-design/_base.flexbox.scss";
@import "px-viewport-design/_base.viewport.scss";

// Meta

// Objects

// Component
// Your css goes in here

// Trumps
@import "px-spacing-responsive-design/_trumps.spacing-responsive.scss";
@import "px-widths-responsive-design/_trumps.widths-responsive.scss";

Predix Design System

Versions

Version
1.0.0 Apr 19, 2018