px-list-ui-design

WebJar for px-list-ui-design

License

License

BSD 3-Clause
GroupId

GroupId

org.webjars.bowergithub.predixdesignsystem
ArtifactId

ArtifactId

px-list-ui-design
Last Version

Last Version

2.0.3
Release Date

Release Date

Type

Type

jar
Description

Description

px-list-ui-design
WebJar for px-list-ui-design
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/predixdesignsystem/px-list-ui-design

Download px-list-ui-design

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bowergithub.predixdesignsystem/px-list-ui-design/ -->
<dependency>
    <groupId>org.webjars.bowergithub.predixdesignsystem</groupId>
    <artifactId>px-list-ui-design</artifactId>
    <version>2.0.3</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bowergithub.predixdesignsystem/px-list-ui-design/
implementation 'org.webjars.bowergithub.predixdesignsystem:px-list-ui-design:2.0.3'
// https://jarcasting.com/artifacts/org.webjars.bowergithub.predixdesignsystem/px-list-ui-design/
implementation ("org.webjars.bowergithub.predixdesignsystem:px-list-ui-design:2.0.3")
'org.webjars.bowergithub.predixdesignsystem:px-list-ui-design:jar:2.0.3'
<dependency org="org.webjars.bowergithub.predixdesignsystem" name="px-list-ui-design" rev="2.0.3">
  <artifact name="px-list-ui-design" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bowergithub.predixdesignsystem', module='px-list-ui-design', version='2.0.3')
)
libraryDependencies += "org.webjars.bowergithub.predixdesignsystem" % "px-list-ui-design" % "2.0.3"
[org.webjars.bowergithub.predixdesignsystem/px-list-ui-design "2.0.3"]

Dependencies

compile (2)

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

Project Modules

There are no modules declared in this project.

px-list-ui-design

The Predix UI List UI module creates blocky, keyline-delimited list items. This module is a fork of the inuitcss list-ui module.

Dependencies

The px-list-ui-design module depends on two other Px modules:

Upstream dependencies

The px-list-ui-design module is also an upstream dependency in this meta kit:

Installation

Install this module and its dependencies using bower:

bower install --save px-list-ui-design

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

@import "px-list-ui-design/_objects.list-ui.scss";

Usage

These flags are available and, if needed, should be set to true prior to importing the module:

$inuit-enable-list-ui--tiny
$inuit-enable-list-ui--small
$inuit-enable-list-ui--large
$inuit-enable-list-ui--huge

The following variables are available for use in the module:

$inuit-list-ui-border-width
$inuit-list-ui-border-style
$inuit-list-ui-border-color

Basic usage of the px-list-ui-design module uses the required classes:

<ul class="list-ui">
    <li class="list-ui__item">
        Foo
    </li>
    <li class="list-ui__item">
        Bar
    </li>
    <li class="list-ui__item">
        Baz
    </li>
</li>

The only valid children of the .list-ui node are .list-ui__items.

Options

These classes are available if the variable flags listed above are set to true:

  • list-ui--[tiny|small|large|huge]: Different sizes for list-uis.

The above classes adjust the padding on all sides of each list-ui__item.

View the full API here.

org.webjars.bowergithub.predixdesignsystem

Predix Design System

Versions

Version
2.0.3