add global styles

yinkakun · Oct 23, 2022 · ca9ded9 · ca9ded9
1 parent 7aa2aa9
commit ca9ded9
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 8 deletions.
diff --git a/storefront/styles/fonts.css b/storefront/styles/fonts.css
@@ -7,3 +7,24 @@
   font-weight: normal;
   font-style: normal;
 }
+
+@font-face {
+  font-family: 'Hamlin';
+  src: local('Hamlin Regular'), local('Hamlin-Regular'),
+    url('/fonts/Hamlin-Regular.woff2') format('woff2'),
+    url('/fonts/Hamlin-Regular.woff') format('woff'),
+    url('/fonts/Hamlin-Regular.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+
+// hamlin 300
+@font-face {
+  font-family: 'Hamlin';
+  src: local('Hamlin Light'), local('Hamlin-Light'),
+    url('/fonts/Hamlin-Light.woff2') format('woff2'),
+    url('/fonts/Hamlin-Light.woff') format('woff'),
+    url('/fonts/Hamlin-Light.ttf') format('truetype');
+  font-weight: 300;
+  font-style: normal;
+}
diff --git a/storefront/styles/global.css b/storefront/styles/global.css
@@ -1,18 +1,22 @@
 html,
 body,
 #__next {
-  @apply font-sans;
   width: 100%;
-  min-height: 100%;
+  min-height: 100vh;
+  scroll-behavior: initial;
 }
 
-::-webkit-scrollbar {
-  background: transparent;
-  width: 0;
+body,
+#__next {
+  @apply bg-noir font-sans text-lotion;
 }
 
 body {
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-  scroll-behavior: initial;
+  /* hide scrollbar */
+  -ms-overflow-style: none; /* IE and Edge */
+  scrollbar-width: none; /* Firefox */
+}
+/* hide scrollbar */
+body::-webkit-scrollbar {
+  display: none; /* Chrome, Safari, Opera*/
 }