old_contents: 'use strict';
  
  // import './CardComponent.css!';
  
  import React from 'react';
  import ReactDOM from 'react-dom';
  
  export default class CardComponent extends React.Component {
    render() {
      return (
        <div className="card-component">
          <h3 className="card-component__title">{this.props.title}</h3>
          <div className="card-component__content">
            <p>I am a very simple card.</p>
          </div>
        </div>
      );
    }
  }
new_contents: 'use strict';
  
  System.import('./app/CardComponent.css!');
  
  import React from 'react';
  import ReactDOM from 'react-dom';
  
  export default class CardComponent extends React.Component {
    render() {
      return (
        <div className="card-component">
          <h3 className="card-component__title">{this.props.title}</h3>
          <div className="card-component__content">
            <p>I am a very simple card.</p>
          </div>
        </div>
      );
    }
  }
subject: Use System.import syntax for CSS