feat: add css code.

uiwjs · Feb 19, 2022 · 3befd3d · 3befd3d
1 parent cc40087
commit 3befd3d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/src/app/App.tsx b/src/app/App.tsx
@@ -130,6 +130,7 @@ export default function App() {
                 color.a
               }f)`}
             />
+            <Code color={color} lang="css" title="CSS" code={`body { color: ${hex}; }`} />
           </div>
         </div>
       </div>

diff --git a/src/app/Code.tsx b/src/app/Code.tsx
@@ -5,6 +5,8 @@ import Prism from 'prismjs';
 import 'prismjs/components/prism-csharp';
 import 'prismjs/components/prism-swift';
 import 'prismjs/components/prism-c';
+import 'prismjs/components/prism-css';
+import 'prismjs/components/prism-css-extras';
 import 'prismjs/components/prism-objectivec';
 import styles from './Code.module.css';
 import './prism.css';
@@ -37,6 +39,8 @@ export default function Code(props: CodeProps) {
       html = Prism.highlight(code, Prism.languages.csharp, 'csharp');
     } else if (lang == 'objectivec') {
       html = Prism.highlight(code, Prism.languages.objectivec, 'objectivec');
+    } else if (lang == 'css') {
+      html = Prism.highlight(code, Prism.languages.objectivec, 'css');
     }
     setHtml(html);
   }, [code]);