From 78b5014be83e31f26b9801018af6770de45022e3 Mon Sep 17 00:00:00 2001
From: Matt Hill <matthewonthemoon@gmail.com>
Date: Wed, 2 Nov 2022 12:29:58 -0600
Subject: [PATCH] set vars for global break points

---
 src/assets/styles/be-your-own.scss | 8 +++++++-
 src/assets/styles/vars.scss        | 3 +++
 2 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/styles/vars.scss

diff --git a/src/assets/styles/be-your-own.scss b/src/assets/styles/be-your-own.scss
index 49face4..a3c25b6 100644
--- a/src/assets/styles/be-your-own.scss
+++ b/src/assets/styles/be-your-own.scss
@@ -43,6 +43,12 @@
   }
   #ticker {
     height: 32vh !important;
+    #ticker__selected-frame {
+      left: -2.4ch !important;
+    }
+    #ticker__window {
+      left: 10ch !important;
+    }
   }
   .service__image {
     width: 10rem !important;
@@ -100,7 +106,7 @@
     }
     #ticker__window {
       height: calc(var(--rows-height) * var(--line));
-      width: calc(100vw - 12rem - 6.5ch);
+      width: calc(100vw - 12rem);
       overflow: hidden;
       font-size: var(--size);
       left: 11.5ch;
diff --git a/src/assets/styles/vars.scss b/src/assets/styles/vars.scss
new file mode 100644
index 0000000..ad51504
--- /dev/null
+++ b/src/assets/styles/vars.scss
@@ -0,0 +1,3 @@
+$tablet: 440px;
+$laptop: 840px;
+$desktop: 1440px;