1.2.3 • Published 7 years ago

reactcss v1.2.3

Weekly downloads
2,232,240
License
MIT
Repository
github
Last release
7 years ago

ReactCSS

Build Status dependency status dev dependency status License Downloads

Inline Styles in JS with support for React, React Native, Autoprefixing, Hover, Pseudo-Elements & Media Queries

Install

npm install reactcss --save

Style Object

Define a default styles for your elements:

import reactCSS from 'reactcss'

const styles = reactCSS({
  'default': {
    card: {
      background: this.props.background,
      boxShadow: '0 2px 4px rgba(0,0,0,.15)',
    },
  },
})

Pass style definitions via inline styles:

<div style={ styles.card } />

Activating Classes

Activate additional classes by passing down objects as additional parameters to reactCSS:

const styles = reactCSS({
  'default': {
    card: {
      background: '#fff',
      boxShadow: '0 2px 4px rgba(0,0,0,.15)',
    },
  },
  'zIndex-2': {
    card: {
      boxShadow: '0 4px 8px rgba(0,0,0,.15)',
    },
  },
}, {
  'zIndex-2': props.zIndex === 2,
})

Documentation

See the Full Documentation

Examples

Examples and projects built with reactCSS:

Felony - Next Level PGP Desktop App React Color - Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more Buffer App Components - A shared set of UI Components React Reactions - Use Reactions from Slack, Facebook, Pokemon, Github and Youtube

react-color@artibulles-cis/reactreact-agent-mapagent-interfacereact-color-psop-cdmicuiruleengine@artiweb.artibulles/artiweb-reactartiweb-reacthiglass-galaxyreact-color-loftyshakyweb-pdm-testweb-pdm-test1macys-starform-builder-migrationbici-datav-npm@everything-registry/sub-chunk-2626netlify-cms-widget-colorpickersaics-image-viewer-appac-3d-viewerace2-3d-viewer@zilahir/react-color@ziyang2go/react-coloragent-map-2@arvinxu/color-picker@asurraa/sura-ui-week-day-picker@asurraa/sura-ui-async-mask-components@asurraa/sura-ui-color-pickerautoketing-extensions@avocadoui/react-colorbi-table2bici-datav-jfbici-datav-topology@cybroplone/circle-countdown-block@cybroplone/customizable-link-button@bethrezen/react-colorboundless-sdk@bahouse/react-colorca-react-color@captemulation/react-colorreact-color-slimppcase-uippcase-widgetpolestar-ui-kitprimeobjects-react-colorreact-color-tmp-v3react-color-townliquor-forkreact-color-unreleased-after-2.19.3react-color-vreact-color-willkanreact-color-with-lodashreact-contextreact-cruxreact-decisionreact-fontawesome-listreact-freecolorreact-qrbtfreact-qrbtf-tempreact-quick-settingsreact-reactionsreact-reactions-pchatreact-natural-formreact-natural-formsreact-skeleton-boilerplatereact-slim-csspicker-bobobobreact-color-pickreact-color-picker-chromereact-color-picker-corereact-color-pickersreact-color-kitchenreact-color-listreact-color-materialui-popoverreact-color-mohareact-color-2react-color-27react-color-by-yubin.fureact-color-circle-modreact-color-customreact-color-customizedreact-color-hookreact-color-ie8react-color-iframe-adaptsreact-color-aaristotlereact-boundsreact-bounds-deuxrcfb-reactionsrc-react-reactionsrumble-componentssanity-color-input-tempfixsequelcomponentvc-webpack-vendorsvico-react-colorwebcards-editorweaver-mobileyh-react-qrbtfwrct-colorsmart-datav-npmsmart-react-colorsync-projects
1.2.3

7 years ago

1.2.2

7 years ago

1.2.1

7 years ago

1.2.0

7 years ago

1.1.1

7 years ago

1.1.0

7 years ago

1.0.9

7 years ago

1.0.8

8 years ago

1.0.7

8 years ago

1.0.6

8 years ago

1.0.5

8 years ago

1.0.4

8 years ago

1.0.3

8 years ago

1.0.2

8 years ago

1.0.1

8 years ago

0.4.6

8 years ago

0.4.5

8 years ago

0.4.4

8 years ago

0.4.3

8 years ago

0.4.2

8 years ago

0.4.1

9 years ago

0.4.0

9 years ago

0.3.2

9 years ago

0.3.1

9 years ago

0.3.0

9 years ago

0.2.0

9 years ago