title: How can I declare a file for inline css in typoscript?
body: <p>I want to optimize a website for google page speed and for a 100/100 score I need to declare css inline. I know that I can declare css inline like this way:</p>
  
  <p><strong>working example</strong></p>
  
  <pre><code>page.headerData {
    10 = TEXT
    10.wrap = &lt;style&gt;|&lt;/style&gt;
    10.value (
        .example{color:#123}
    )
  }
  </code></pre>
  
  <p>But I dont like this way and want to declare a file and load the content of this file instead for better maintenance like:</p>
  
  <p><strong>pseudocode</strong></p>
  
  <pre><code>page.headerData {
    10 = TEXT
    10.wrap = &lt;style&gt;|&lt;/style&gt;
    10.value &lt; {$publicMedia}Css/inline.css
  }
  </code></pre>
  
  <p><strong>inline.css</strong></p>
  
  <pre><code>* {
    margin:0;
    padding:0;
  }
  .example {
    color:#123;
  }
  </code></pre>
  
  <p><strong>desired output</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  ...
    &lt;style&gt;
      * {
        margin:0;
        padding:0;
      }
      .example {
        color:#123;
      }
    &lt;/style&gt;
  &lt;/head&gt;
  ...
  </code></pre>
  
  <p>Is there a way to do that? :)</p>