didoo

import Component from '@glimmer/component';

export default class extends Component {
}

didoo

.baz,
.bar {
    @at-root foo#{&} { 
        color: baz;
    }
}

didoo

// ----
// Compass (v1.0.1)
// ----

.baz,
.bar {
    @at-root foo#{&} { 
        color: baz;
    }
}

didoo

{
  "source": ["tokens_desktop/spacing.json", "tokens_button.json"],
  "platforms": {
    "desktop": {
      "transformGroup": "desktop",
      "buildPath": "build/desktop/",
      "files": [{
        "destination": "tokens.ext",
        "format": "my/format"
      }]

didoo

{
    "button": {
        "text-icon-spacing": {
            "mobile": {
                "value": "8",
                "type": "size"
            },
            "desktop": {
                "value": "12",
                "type": "size"

didoo

/* eslint-env node */
/* eslint-disable no-console, dot-notation */

const fse = require('fs-extra');
const readline = require('readline');

// const platform = 'mw_less';
// const platform = 'mw_scss';
const platform = 'cosmos';

didoo

var chalk = require('chalk');

var groupedErrors = {};

var GroupErrors = {
  GROUP: {
    PropertyReferenceErrors: 'Property Reference Errors',
    PropertyValueCollisions: 'Property Value Collisions',
  },

didoo

.styleguide-frame {
  position: relative;
  transform: translate3d(0, 0, 0); /* <-- THIS LINE MAKES THE TRICK! */
  outline: 1px solid #eaeaea;
}

didoo

function setupIFrame(container) {
    // create the iframe element
    const iFrame = document.createElement('iframe');
    iFrame.id = 'styleguide-iframe-' + Math.random().toString(36).substring(2, 10);
    iFrame.src = 'about:blank';
    iFrame.setAttribute('allowfullscreen', '');
    iFrame.setAttribute('frameBorder', '0');
    // inject it in the DOM
    container.parentNode.insertBefore(iFrame, container);
    // store a reference to the iFrame "document" element

didoo

// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----

.block {
  display: block;

  @at-root {