necolas

.abcd {
  align-items: center;
}

.efgh {
  background: blue;
}

.ijkl {
  color: red;

necolas

'use strict';

/**
 * Base component driver
 *
 * Related docs:
 *   https://theintern.github.io/leadfoot/Command.html
 *   https://theintern.github.io/leadfoot/Element.html
 *
 * @param {leadfoot/Command} remote

necolas

/**
 * Functional and Unit test configuration
 *
 * This configuration file has to work in both Node.js and browser environments.
 * Therefore, this config is a template that is used to build the Intern config
 * used to run the tests. The packages and suites are automatically defined.
 *
 * Learn more about configuring Intern at:
 * https://github.com/theintern/intern/wiki/Configuring-Intern
 */

necolas

var path = require('path');

/**
 * CSS transform dependencies
 */

var autoprefixer = require('autoprefixer-core');
var calc = require('rework-calc');
var color = require('rework-color-function');
var conformance = require('rework-suit-conformance');

necolas

about/index.css was changed. color: black -> color: blue.

Issues with output:

• Same hash
• Same chunkhash (messes with cache invalidation of CSS)
• Another different publicPath coming from file-loader in the extracted CSS.

Webpack

necolas

var TweetBox = defineComponent(function() {
  this.attributes({
    charLimit: 140
    withGeoControl: false;	
  });

  if (withGeoControl ===  true) {
    // attach to a sub node
    this.child(GeoControl).attachTo('.GeoControl');
  }

necolas

:root {
  --margin-MyComponent-part: var(--theme-margin-small);
}

.MyComponent {}

.MyComponent-part {
  margin: var(--margin-MyComponent-part);
}

necolas

.a {
  background: red;
  /* dropped linear gradient based on IE CSS support (like what autoprefixer does) */
  zoom: 1;
}
 
.b {
  background: green;
}

necolas

.a {
  background: red;
}

necolas

See: A simple Git deployment strategt for static sites