VienDinhCom / emotion-css

Overriding Bootstrap, Foundation, Semantic UI, ... and other CSS styles with Emotion

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);