TYPO3 v15 dev-main snapshot ()

2026-08-10 22:31:09 +02:00
commit af8cc155b5
6818 changed files with 642608 additions and 0 deletions
@@ -0,0 +1,44 @@
+.. include:: /Includes.rst.txt
+
+.. _feature-81223:
+
+=================================================
+Feature: #81223 - includeCSS.inline property
+=================================================
+
+See :issue:`81223`
+
+Description
+===========
+
+A property :typoscript:`.inline` has been added to :typoscript:`page.includeCSS`.
+If :typoscript:`.inline` is set, the content of the css-file is inlined using <style>-tags.
+
+
+Impact
+======
+
+Example:
+
+.. code-block:: typoscript
+
+   page.includeCSS {
+      inline = EXT:test/Resources/Public/Css/inline.css
+      inline {
+         inline = 1
+         forceOnTop = 1
+         media = all
+      }
+      other = EXT:test/Resources/Public/Css/other.css
+   }
+
+
+Some notes on the implementation:
+
+External files are not inlined.
+The inline-css is compressed if :typoscript:`config.compressCss` is set.
+Most other properties (:typoscript:`.allWrap`, :typoscript:`.disableCompression`, :typoscript:`.forceOnTop`, :typoscript:`.if`,
+:typoscript:`.media`, :typoscript:`.title`) work even if :typoscript:`.inline` is set.
+If :typoscript:`.import` and :typoscript:`.inline` are both set , the file is loaded via @import.
+
+.. index:: Frontend, TypoScript