react-with-styles-interface-css
Interface for react-with-styles outputting CSS
Last updated a year ago by noratarano .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install react-with-styles-interface-css 
SYNC missed versions from official npm registry.

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.

import ThemedStyleSheet from 'react-with-styles/lib/ThemedStyleSheet';
import CSSInterface, { registerCSSInterfaceNamespace } from 'react-with-styles-interface-css';

ThemedStyleSheet.registerInterface(CSSInterface);

// Optional: Prefix all class names in the output with 'MyPackageName__'
const namespace = 'MyPackageName';
registerCSSInterfaceNamespace(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.

Current Tags

  • 6.0.0-alpha.1                                ...           alpha (a year ago)
  • 6.0.0                                ...           latest (a year ago)

13 Versions

  • 6.0.0                                ...           a year ago
  • 6.0.0-alpha.1                                ...           a year ago
  • 5.0.0                                ...           a year ago
  • 4.0.3                                ...           2 years ago
  • 4.0.2                                ...           2 years ago
  • 4.0.1                                ...           2 years ago
  • 4.0.0                                ...           2 years ago
  • 3.0.0                                ...           3 years ago
  • 2.0.2                                ...           3 years ago
  • 2.0.1                                ...           3 years ago
  • 1.1.0                                ...           3 years ago
  • 1.0.1                                ...           3 years ago
  • 1.0.0                                ...           3 years ago
Downloads
Today 19
This Week 318
This Month 350
Last Day 67
Last Week 1,104
Last Month 2,680
Dependencies (2)
Dev Dependencies (14)

Copyright 2014 - 2016 © taobao.org |