JarCasting
JarCasting JarCasting

px-code-design

WebJar for px-code-design

License

License

BSD 3-Clause
GroupId

GroupId

org.webjars.bowergithub.predixdesignsystem
ArtifactId

ArtifactId

px-code-design
Last Version

Last Version

2.0.0
Release Date

Release Date
Type

Type

jar
Description

Description

px-code-design
WebJar for px-code-design
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/predixdesignsystem/px-code-design

Download px-code-design

Filename Size
px-code-design-2.0.0.pom
px-code-design-2.0.0.jar 56 KB
px-code-design-2.0.0-sources.jar 22 bytes
px-code-design-2.0.0-javadoc.jar 22 bytes
Browse

How to add to project

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

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-code-design

The Predix UI Code module provides styling for code snippets.

Dependencies

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

Installation

Install this module and its dependencies using bower:

bower install --save px-code-design

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

@import "px-code-design/_base.code.scss";

Usage

This flag is available and, if needed, should be set to true prior to importing the module:

$inuit-enable-code--inline

The following color variables can be customized:

$inuit-code-color
$inuit-code-background
$inuit-code-border-color

Basic usage of the Code object uses a required class:

<figure class="code">
  <code>
    &hellip;
  </code>
</figure>

Options

Another, optional class can supplement the required base class. This class is available if the variable flag listed above is set to true:

  • code--inline: style for inline code snippets.

View the full API here

org.webjars.bowergithub.predixdesignsystem

Predix Design System

Versions

Version
2.0.0