[pigment-css] Example fix leading spaces (#41439)

mui · Mar 11, 2024 · 6ed0fbe · 6ed0fbe
1 parent f3a8c41
commit 6ed0fbe
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 15 deletions.
diff --git a/examples/pigment-css-nextjs-ts/src/app/page.tsx b/examples/pigment-css-nextjs-ts/src/app/page.tsx
@@ -71,8 +71,7 @@ export default function Home() {
       })}
     >
       <h1
-        className={`
-        ${css(({ theme }) => ({
+        className={`my-custom-class ${css(({ theme }) => ({
           fontFamily: 'system-ui, sans-serif',
           fontSize: '4rem',
           fontWeight: 500,
@@ -153,17 +152,15 @@ export default function Home() {
         </span>
       </h1>
       <div
-        className={`
-          ${css({
-            fontFamily: 'system-ui, sans-serif',
-            letterSpacing: '2px',
-            fontWeight: 500,
-            opacity: 0.5,
-            lineHeight: 2,
-            textAlign: 'center',
-            textWrap: 'balance',
-          })}
-        `}
+        className={css({
+          fontFamily: 'system-ui, sans-serif',
+          letterSpacing: '2px',
+          fontWeight: 500,
+          opacity: 0.5,
+          lineHeight: 2,
+          textAlign: 'center',
+          textWrap: 'balance',
+        })}
       >
         CSS-in-JS library with static extraction
       </div>

diff --git a/examples/pigment-css-vite-ts/src/App.tsx b/examples/pigment-css-vite-ts/src/App.tsx
@@ -76,8 +76,7 @@ export default function Home() {
       })}
     >
       <h1
-        className={`
-        ${css(({ theme }) => ({
+        className={`my-custom-class ${css(({ theme }) => ({
           fontFamily: 'system-ui, sans-serif',
           fontSize: '4rem',
           fontWeight: 500,