CSS @import

src/Languages/Css/CssLanguage.php

@@ -8,6 +8,7 @@
 use Tempest\Highlight\Languages\Css\Patterns\CssAttributePattern;
 use Tempest\Highlight\Languages\Css\Patterns\CssCommentPattern;
 use Tempest\Highlight\Languages\Css\Patterns\CssFunctionPattern;
+use Tempest\Highlight\Languages\Css\Patterns\CssImportPattern;
 use Tempest\Highlight\Languages\Css\Patterns\CssMediaQueryPattern;
 use Tempest\Highlight\Languages\Css\Patterns\CssSelectorPattern;
 use Tempest\Highlight\Languages\Css\Patterns\CssVariablePattern;
@@ -31,6 +32,7 @@ public function getPatterns(): array
         return [
             ...parent::getPatterns(),
             new CssMediaQueryPattern(),
+            new CssImportPattern(),
             new CssCommentPattern(),
             new CssSelectorPattern(),
             new CssAttributePattern(),

src/Languages/Css/Patterns/CssImportPattern.php

@@ -0,0 +1,26 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Tempest\Highlight\Languages\Css\Patterns;
+
+use Tempest\Highlight\IsPattern;
+use Tempest\Highlight\Pattern;
+use Tempest\Highlight\PatternTest;
+use Tempest\Highlight\Tokens\TokenTypeEnum;
+
+#[PatternTest(input: "@import main.css", output: '@import')]
+final readonly class CssImportPattern implements Pattern
+{
+    use IsPattern;
+
+    public function getPattern(): string
+    {
+        return '(?<match>\@import)';
+    }
+
+    public function getTokenType(): TokenTypeEnum
+    {
+        return TokenTypeEnum::KEYWORD;
+    }
+}

tests/Languages/Css/CssLanguageTest.php

@@ -39,6 +39,8 @@ public static function data(): array
 }
 TXT,
             ],
+            ['linear-gradient(', '<span class="hl-keyword">linear-gradient</span>('],
+            ['@import "foo.css"', '<span class="hl-keyword">@import</span> &quot;foo.css&quot;'],
         ];
     }
 }

tests/targets/test.md

@@ -1,11 +1,3 @@
 ```css
-.reveal .code-wrapper code {
-    line-height: 150%;
-
-    background:
-
-        linear-gradient(
-            white 30%,
-            rgba(255, 255, 255, 0)
-        ) center top,
+@import "../../vendor/tempest/highlight/src/Themes/highlight-light-lite.css";
 ```