postcss-flexbugs-fixes

WebJar for postcss-flexbugs-fixes

License	MIT
GroupId	org.webjars.npm
ArtifactId	postcss-flexbugs-fixes
Last Version	3.2.0
Release Date	Sep 10, 2017
Type	jar
Description	postcss-flexbugs-fixes WebJar for postcss-flexbugs-fixes
Project URL	http://webjars.org
Source Code Management	https://github.com/luisrudge/postcss-flexbugs-fixes

Download postcss-flexbugs-fixes

Filename	Size
postcss-flexbugs-fixes-3.2.0.pom
postcss-flexbugs-fixes-3.2.0.jar	7 KB
postcss-flexbugs-fixes-3.2.0-sources.jar	22 bytes
postcss-flexbugs-fixes-3.2.0-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/postcss-flexbugs-fixes/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>postcss-flexbugs-fixes</artifactId>
    <version>3.2.0</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/postcss-flexbugs-fixes/
implementation 'org.webjars.npm:postcss-flexbugs-fixes:3.2.0'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/postcss-flexbugs-fixes/
implementation ("org.webjars.npm:postcss-flexbugs-fixes:3.2.0")

Apache Buildr

'org.webjars.npm:postcss-flexbugs-fixes:jar:3.2.0'

Apache Ivy

<dependency org="org.webjars.npm" name="postcss-flexbugs-fixes" rev="3.2.0">
  <artifact name="postcss-flexbugs-fixes" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='postcss-flexbugs-fixes', version='3.2.0')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "postcss-flexbugs-fixes" % "3.2.0"

Leiningen

[org.webjars.npm/postcss-flexbugs-fixes "3.2.0"]

Dependencies

compile (1)

Group / Artifact	Type	Version
org.webjars.npm : postcss	jar	[6.0.1,7)

Project Modules

There are no modules declared in this project.

PostCSS Flexbugs Fixes

PostCSS plugin This project tries to fix all of flexbug's issues.

bug 4

Input

.foo { flex: 1; }
.bar { flex: 1 1; }
.foz { flex: 1 1 0; }
.baz { flex: 1 1 0px; }

Output

.foo { flex: 1 1; }
.bar { flex: 1 1; }
.foz { flex: 1 1; }
.baz { flex: 1 1; }

bug 6

Input

.foo { flex: 1; }

Output

.foo { flex: 1 1 0%; }

This only fixes css classes that have the flex property set. To fix elements that are contained inside a flexbox container, use this global rule:

* {
    flex-shrink: 1;
}

bug 8.1.a

Input

.foo { flex: 1 0 calc(1vw - 1px); }

Output

.foo {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: calc(1vw - 1px);
}

Usage

postcss([require('postcss-flexbugs-fixes')]);

You can also disable bugs individually, possible keys bug4, bug6 and bug8a.

var plugin = require('postcss-flexbugs-fixes');
postcss([plugin({ bug6: false })]);

See PostCSS docs for examples for your environment.

Versions

Version
3.2.0 Sep 10, 2017