@vixcom/ui 1.1.0

package/pages/tier-2/styles/color.css

@@ -0,0 +1,28 @@
+:root {
+  --accent-color: #333333;
+  --primary-color: #6c6c6c;
+  --secondary-color: #222222;
+}
+
+a,
+a:hover {
+  color: currentColor
+}
+
+.bg-dark {
+  background-color: #333333;
+  color: #fff;
+}
+
+.bg-primary-color {
+  background-color: var(--primary-color, #555555)
+}
+
+.bg-secondary-color {
+  background-color: var(--secondary-color, #333333)
+}
+
+.bg-accent {
+  background-color: var(--accent-color);
+  color: var(--accent-text-color)
+}

package/pages/tier-2/styles/layout.css

@@ -0,0 +1,43 @@
+/* General scrollbar */
+::-webkit-scrollbar {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 0.3em;
+  height: 0.3em;
+}
+
+::-webkit-scrollbar-corner {
+  display: none
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: var(--accent-color);
+  border-radius: 0.5em
+}
+
+::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+.main-page {
+  display: flex;
+  flex-direction: column;
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+}
+
+.scroll-container {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  height: 100%
+}
+
+.scrollable {
+  overflow-x: hidden;
+  overflow-y: scroll;
+  height: 100%
+}