emotion-css

1.0.5 • Public • Published

Overriding CSS styles with Emotion

You can use emotion to override Bootstrap, Foundation, Semantic UI, ... CSS styles without !important.

Install

npm install --save emotion
npm install --save emotion-css

Usage

import css from 'emotion-css';
 
const app = document.getElementById('root');
 
// String Style
const stringStyle = css`
  font-size: 14px;
  border: none;
`;
 
// Object Style
const objectStyle = css({
  color: 'red',
  background: 'yellow'
});
 
 
app.classList.add(stringStyle);
app.classList.add(objectStyle);

Package Sidebar

Install

npm i emotion-css

Weekly Downloads

5

Version

1.0.5

License

MIT

Unpacked Size

2.8 kB

Total Files

5

Last publish

Collaborators

  • viendinh