postcss-color-hsl

WebJar for postcss-color-hsl

License	MIT
GroupId	org.webjars.npm
ArtifactId	postcss-color-hsl
Last Version	2.0.0
Release Date	Jun 25, 2018
Type	jar
Description	postcss-color-hsl WebJar for postcss-color-hsl
Project URL	http://webjars.org
Source Code Management	https://github.com/dmarchena/postcss-color-hsl

Download postcss-color-hsl

Filename	Size
postcss-color-hsl-2.0.0.pom
postcss-color-hsl-2.0.0.jar	6 KB
postcss-color-hsl-2.0.0-sources.jar	22 bytes
postcss-color-hsl-2.0.0-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/postcss-color-hsl/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>postcss-color-hsl</artifactId>
    <version>2.0.0</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/postcss-color-hsl/
implementation 'org.webjars.npm:postcss-color-hsl:2.0.0'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/postcss-color-hsl/
implementation ("org.webjars.npm:postcss-color-hsl:2.0.0")

Apache Buildr

'org.webjars.npm:postcss-color-hsl:jar:2.0.0'

Apache Ivy

<dependency org="org.webjars.npm" name="postcss-color-hsl" rev="2.0.0">
  <artifact name="postcss-color-hsl" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='postcss-color-hsl', version='2.0.0')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "postcss-color-hsl" % "2.0.0"

Leiningen

[org.webjars.npm/postcss-color-hsl "2.0.0"]

Dependencies

compile (3)

Group / Artifact	Type	Version
org.webjars.npm : postcss	jar	[6.0.1,7)
org.webjars.npm : postcss-value-parser	jar	[3.3.0,4)
org.webjars.npm : units-css	jar	[0.4.0,0.5)

Project Modules

There are no modules declared in this project.

PostCSS Color Hsl

PostCSS plugin to transform W3C CSS Color Module Level 4 hsl() new syntax to more compatible CSS (comma-separated hsl() or hsla()).

CSS Colors 4 syntax

hsl() = hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? )
<hue> = <number> | <angle>
<alpha-value> = <number> | <percentage>

CSS Colors 3 syntax (actual)

hsl()  = hsl( <hue>, <percentage>, <percentage> )
hsla() = hsla( <hue>, <percentage>, <percentage>, <alpha-value> )
<hue> = <number>
<alpha-value> = <number>

Example

.foo {
  /* Input example */
  color: hsl(0 100% 50%);
  border-color: hsl(200grad 100% 50% / 20%);
}

.foo {
  /* Output example */
  color: hsl(0, 100%, 50%);
  border-color: hsla(180, 100%, 50%, .2);
}

Usage

postcss([ require('postcss-color-hsl') ])

See PostCSS docs for examples for your environment.

Versions

Version
2.0.0 Jun 25, 2018