postcss inline

PostCSS en ligne

Plugin PostCSS qui met des images et des polices en tant que URI de données dans votre CSS. (basé sur l'image PostCSS en ligne)

Fusionné dans le postcss-url

Les fonctionnalités de PostCSS-inline ont été fusionnées dans PostCSS-URL

Déprécié

 @font-face {
  font-family : 'MyWebFont' ;
  src : url ( 'webfont.woff' ) format ( 'woff' );
}
. foo {
    background-image : url (one_pixel_transparent.gif);
}
. bar {
    background : url (one_pixel_transparent.gif);
}

 @font-face {
  font-family : 'MyWebFont' ;
  src : url ( 'data:application/x-font-woff;base64,AACH5BAEAAAAALA...==' ) format ( 'woff' );
}
. foo {
    background-image : url (data:image/gif;base64 , R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
. bar {
    background : url (data:image/gif;base64 , R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}

Usage

 postcss ( [ require ( 'postcss-inline' ) ] ) 

 // Inline only woff files:
postcss ( [ require ( 'postcss-inline' ) ( { filter : / .woff$ / } ) ] ) 

 // Specify the base path for the assets
postcss ( [ require ( 'postcss-inline' ) ( { basePath : '/some/path' } ) ] ) 

 // Delete assets after inline (use with care!)
postcss ( [ require ( 'postcss-inline' ) ( { deleteAsset : true } ) ] )

Voir les documents PostCSS pour des exemples pour votre environnement.