From cb3f1e36b815250a1f0b0fc02a7ca3ea0f01cdf7 Mon Sep 17 00:00:00 2001
From: Mihkel Eidast <mihkel@sixfold.com>
Date: Fri, 3 Feb 2023 21:26:35 +0200
Subject: [PATCH] add vars usage from ui package

---
 apps/example-nextjs/components/billing.css.ts | 5 +++--
 apps/example-vite/src/billing.css.ts          | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/apps/example-nextjs/components/billing.css.ts b/apps/example-nextjs/components/billing.css.ts
index 6493dbe..5789cf6 100644
--- a/apps/example-nextjs/components/billing.css.ts
+++ b/apps/example-nextjs/components/billing.css.ts
@@ -1,3 +1,4 @@
+import { vars } from '@vanilla-extract-rollup-example/ui';
 import { style } from '@vanilla-extract/css';
 
 export const pageContainer = style({
@@ -15,6 +16,6 @@ export const usageGrid = style([
   {
     gridTemplateColumns: '1fr 1fr 1fr',
     display: 'grid',
-    gap: '24px',
+    gap: vars.space.large,
   },
-]);
\ No newline at end of file
+]);
diff --git a/apps/example-vite/src/billing.css.ts b/apps/example-vite/src/billing.css.ts
index 6493dbe..5789cf6 100644
--- a/apps/example-vite/src/billing.css.ts
+++ b/apps/example-vite/src/billing.css.ts
@@ -1,3 +1,4 @@
+import { vars } from '@vanilla-extract-rollup-example/ui';
 import { style } from '@vanilla-extract/css';
 
 export const pageContainer = style({
@@ -15,6 +16,6 @@ export const usageGrid = style([
   {
     gridTemplateColumns: '1fr 1fr 1fr',
     display: 'grid',
-    gap: '24px',
+    gap: vars.space.large,
   },
-]);
\ No newline at end of file
+]);