feat: add styles to Uses page

martapanc · Sep 26, 2023 · bbb0f33 · bbb0f33
1 parent df8de7e
commit bbb0f33
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/app/(public)/uses/page.tsx b/src/app/(public)/uses/page.tsx
@@ -1,6 +1,8 @@
 import * as React from 'react';
 import ReactMarkdown from 'react-markdown';
 
+import './uses.css';
+
 import Heading from '@/components/atoms/headings/Heading';
 
 import { queryUsesPage } from '@/queries/uses-page';
@@ -37,7 +39,7 @@ const UsesPage = async () => {
 
           {sections.map((section) => (
             <div
-              className='mb-2'
+              className='uses-section mb-2'
               aria-label={section.title}
               key={section.title}
             >

diff --git a/src/app/(public)/uses/uses.css b/src/app/(public)/uses/uses.css
@@ -0,0 +1,8 @@
+.uses-section p {
+  margin-bottom: 12px;
+}
+
+.uses-section p:before {
+  content: '◆ ';
+  margin-right: 4px;
+}