npmpackage.info

Gathering detailed insights and metrics for react-with-styles-interface-css-anarock

Other packages similar to react-with-styles-interface-css-anarock

react-with-styles-interface-css-compiler-anarock

1.1.3

Build step package for generating a static css file to support a react-with-styles project built with the react-with-styles CSS interface

react-with-styles-interface-css-anarock

4.0.3

39.56 kB

940

Installations

npm install react-with-styles-interface-css-anarock

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

8.7.0

NPM Version

5.5.1 Score

61.9

Supply Chain

70.7

Quality

72.8

Maintenance

100

Vulnerability

99.3

License

Releases

Unable to fetch releases

Contributors

Love this project? Help keep it running — sponsor us today! 🚀

Download Statistics

Total Downloads

940

Last Day

Last Week

Last Month

Last Year

213

Bundle Size

132.63 kB

Minified

39.56 kB

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

4.0.3

Package Id

react-with-styles-interface-css-anarock@4.0.3

Unpacked Size

168.49 kB

Size

44.64 kB

File Count

NPM Version

5.5.1

Node Version

8.7.0

Total Downloads

Cumulative downloads

Total Downloads

940

Last Day

Compared to previous day

Last Week

-76.9%

Compared to previous week

Last Month

70.6%

Compared to previous month

Last Year

166.3%

213

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

react-with-styles-interface-css

Interface for react-with-styles that compiles CSS-in-js styles to static CSS classes with deterministic and human-friendly class names whose styles can be easily overridden.

Usage

Interface

A react-with-styles interface which is to be used along with react-with-styles.

1import ThemedStyleSheet from 'react-with-styles/lib/ThemedStyleSheet';
2import CSSInterface, { registerCSSInterfaceNamespace } from 'react-with-styles-interface-css';
3
4ThemedStyleSheet.registerInterface(CSSInterface);
5
6// Optional: Prefix all class names in the output with 'MyPackageName__'
7const namespace = 'MyPackageName';
8registerCSSInterfaceNamespace(namespace);

Styles

When writing styles, all classes throughout a project should be given unique names. Otherwise, class name collisions may result in unexpected and unwanted behavior.

Overriding styles

The styles for a class can be overridden using the same name with which the class was defined. If the optional class name prefix was configured, the prefix should be used when overriding a class.

Note: In order to provide compatibility with aphrodite, the CSS output by this interface uses specifiers with varying levels of specificity. This allows for style resolution to be sensitive to the ordering of styles in calls to css(...). However, these extra specifiers should not be overridden.

Compile

The styles passed to withStyles in the source code are compiled to static CSS by the react-with-styles-interface-css-compiler package.

No vulnerabilities found.

No security vulnerabilities found.

Other packages similar to react-with-styles-interface-css-anarock

react-with-styles-interface-css-anarock

Installations

Developer Guide

No

CommonJS

8.7.0

5.5.1

Score

Releases

Unable to fetch releases

Contributors

Download Statistics

Bundle Size

132.63 kB

39.56 kB

Maintainers

Package Meta Information

Total Downloads

940

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

react-with-styles-interface-css

Usage

Interface

Styles

Overriding styles

Compile