Merge pull request #248 from PhattOZ/main

Export Scss variables to use in UI
colbyfayock · Oct 10, 2021 · 1ee554f · 1ee554f · headless-platform-by-wp-engine · Oct 10, 2021
2 parents 822d64d + 11f4fa7
commit 1ee554f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/pages/_app.js b/src/pages/_app.js
@@ -11,6 +11,7 @@ import NextNProgress from 'nextjs-progressbar';
 import { getAllMenus, createMenuFromPages, MENU_LOCATION_NAVIGATION_DEFAULT } from 'lib/menus';
 
 import 'styles/globals.scss';
+import variables from 'styles/_variables.module.scss';
 
 function App({ Component, pageProps = {}, metadata, recentPosts, categories, menus }) {
   const site = useSiteContext({
@@ -23,7 +24,7 @@ function App({ Component, pageProps = {}, metadata, recentPosts, categories, men
   return (
     <SiteContext.Provider value={site}>
       <SearchProvider>
-        <NextNProgress height={4} color="#0070F3" />
+        <NextNProgress height={4} color={variables.progressbarColor} />
         <Component {...pageProps} />
       </SearchProvider>
     </SiteContext.Provider>

diff --git a/src/styles/_variables.module.scss b/src/styles/_variables.module.scss
@@ -0,0 +1,5 @@
+$progressbar_color: #0070f3;
+
+:export {
+  progressbarColor: $progressbar_color;
+}