postcss-safari-border-plugin

PostCSS plugin to solve problem when using border-radius + overflow: hidden + transform

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
postcss-safari-border-plugin
0.1.04 years ago4 years agoMinified + gzip package size for postcss-safari-border-plugin in KB

Readme

PostCSS Safari Border Plugin !Build Statusci-imgci
PostCSS plugin to solve problem when using border-radius + overflow: hidden + transform.
for more info, please visit https://bugs.webkit.org/showbug.cgi?id=98538
also, here is a gist

What it does

.foo {
    overflow: hidden;
    border-radius: 10px;
}

.foo {
    overflow: hidden;
    border-radius: 10px;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

Usage

postcss([require("postcss-safari-border-plugin")]);

See PostCSS docs for examples for your environment.