From 307d48fd7caedcf8a92ddeb74e74106b19ce6303 Mon Sep 17 00:00:00 2001
From: patrickjahr <patrick@qupaya.com>
Date: Fri, 19 Apr 2024 08:15:40 +0200
Subject: [PATCH] feat(lib): add style file for users

---
 apps/demo-app/src/styles.css | 44 ++++++++++++++++++------------------
 1 file changed, 22 insertions(+), 22 deletions(-)

diff --git a/apps/demo-app/src/styles.css b/apps/demo-app/src/styles.css
index 8d63845..994802f 100644
--- a/apps/demo-app/src/styles.css
+++ b/apps/demo-app/src/styles.css
@@ -1,33 +1,33 @@
-/* TODO: move to lib component*/
-@import '@angular/cdk/overlay-prebuilt.css';
+/* TODO: move to lib component */
+@import url('libs/sketch/src/lib/styles/styles.css');
 
 /* You can add global styles to this file, and also import other style files */
 :root {
-  --sk-top-bar-height: 84px;
-  --sk-font-family: Montserrat, 'Helevetika Neue', sans-serif;
-  --sk-primary-color-rgb: 252, 0, 84;
-  --sk-primary-color: rgb(var(--sk-primary-color-rgb));
-  --sk-secondary-color-rgb: 59, 61, 64;
-  --sk-secondary-color: rgb(var(--sk-secondary-color-rgb));
+    --sk-top-bar-height: 84px;
+    --sk-font-family: Montserrat, 'Helevetika Neue', sans-serif;
+    --sk-primary-color-rgb: 252, 0, 84;
+    --sk-primary-color: rgb(var(--sk-primary-color-rgb));
+    --sk-secondary-color-rgb: 59, 61, 64;
+    --sk-secondary-color: rgb(var(--sk-secondary-color-rgb));
 }
 
 * {
-  padding: 0;
-  margin: 0;
-  box-sizing: border-box;
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
 }
 
 html,
 body {
-  font-family: var(--sk-font-family);
-  color: rgb(255, 255, 255);
-  background: rgb(59, 61, 64);
-  background: linear-gradient(
-    149deg,
-    rgba(var(--sk-secondary-color-rgb), 1) 0%,
-    rgba(var(--sk-primary-color-rgb), 1) 100%
-  );
-  background-repeat: no-repeat;
-  height: 100svh;
-  overflow: hidden;
+    font-family: var(--sk-font-family);
+    color: rgb(255, 255, 255);
+    background: rgb(59, 61, 64);
+    background: linear-gradient(
+            149deg,
+            rgba(var(--sk-secondary-color-rgb), 1) 0%,
+            rgba(var(--sk-primary-color-rgb), 1) 100%
+    );
+    background-repeat: no-repeat;
+    height: 100svh;
+    overflow: hidden;
 }