technology-amazeelabs

Add the following two files: settings.local.php and services.local.php to the web/sites/default/ folder within your Drupal 8 project to override settings such as enabling Twig debug and disabling cache.

Depending on the project, you may need to rename the files to local.settings.php and local.services.yml respectively.

technology-amazeelabs

import styles from './styles.css';

export const MyComponent = () => (
  <div className={`${styles.base} ${styles.warning}`}>
    Some content
  </div>
);

technology-amazeelabs

import { styled, css } from 'some-css-in-js-project';
	
const Wrapper = styled.div`
  color: #fff;

  &:hover {
    background-color: #0074d9;
  }

  {props => props.primary && css`

technology-amazeelabs

import { css } from 'some-css-in-js-project';
	
const styles = css`
  .base: {
    color: #fff;

    &:hover {
      background-color: #0074d9;
    }
  }

technology-amazeelabs

import { apiFunc } from 'some-css-in-js-project';

const styles = {
  base: {
    color: '#fff',
    ':hover': {
      backgroundColor: '#0074d9',
    },
  },
  primary: {

technology-amazeelabs

import "./styles.css";

export const MyComponent = () => (
  <div className="my-custom-class">
    Some content
  </div>
);