title: Is it possible to have a local class inherit all classes imported from a file?
body: <p>Say I have a css file that looks something like this:</p>
  
  <pre><code>/* Base styles */
  .content {
      background-color: var(--background);
      color: var(--text);
      font-family: "Helvetica Neue", Helvetica, sans-serif;
      font-size: 16px;
      line-height: 1.5;
      text-rendering: optimizeLegibility;
  }
  
  @media (min-width: 500px) {
      .content {
          font-size: 22px;
      }
  }
  
  /* Headers */
  h2 {
      font-family: "Helvetica Neue", Helvetica, sans-serif;
      font-size: 24px;
      font-weight: 700;
  }
  
  /* Classes */
  .small-caps {
      font-feature-settings: "tnum";
      letter-spacing: 0.05em;
  }
  </code></pre>
  
  <p>With PostCSS you can consume another class’s properties like this:</p>
  
  <pre><code>.another-class {
      composes: content from "other-file.css";
  }
  </code></pre>
  
  <p>… which will be compiled to:</p>
  
  <pre><code>.another-class {
      background-color: var(--background);
      color: var(--text);
      font-family: "Helvetica Neue", Helvetica, sans-serif;
      font-size: 16px;
      line-height: 1.5;
      text-rendering: optimizeLegibility;
  }
  </code></pre>
  
  <p>Is it possible to have a class inherit <em>all</em> styles from a given target so you can write something like (pseudo code):</p>
  
  <pre><code>.another-class {
      composes: * from "other-file.css";
  }
  </code></pre>
  
  <p>… that when rendered it comes out like this?</p>
  
  <pre><code>/* Base styles */
  .another-class .content {
      background-color: var(--background);
      color: var(--text);
      font-family: "Helvetica Neue", Helvetica, sans-serif;
      font-size: 16px;
      line-height: 1.5;
      text-rendering: optimizeLegibility;
  }
  
  @media (min-width: 500px) {
      .another-class .content {
          font-size: 22px;
      }
  }
  
  /* Headers */
  .another-class h2 {
      font-family: "Helvetica Neue", Helvetica, sans-serif;
      font-size: 24px;
      font-weight: 700;
  }
  
  /* Classes */
  .another-class .small-caps {
      font-feature-settings: "tnum";
      letter-spacing: 0.05em;
  }
  </code></pre>