From 619c71cd2b491a2379deed36ecf4e3b6a3fee76e Mon Sep 17 00:00:00 2001
From: jojobyte <184880+jojobyte@users.noreply.github.com>
Date: Fri, 15 Mar 2024 19:14:12 -0600
Subject: [PATCH] style(ui): :lipstick: add css helper classes for max height &
 overflow

---
 src/index.css | 49 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 49 insertions(+)

diff --git a/src/index.css b/src/index.css
index 01f1a45..7439fb5 100644
--- a/src/index.css
+++ b/src/index.css
@@ -95,6 +95,55 @@ figure h4 {
   font-size: 2rem;
 }
 
+.mh-25 {
+  max-height: 25%;
+}
+.mh-50 {
+  max-height: 50%;
+}
+.mh-75 {
+  max-height: 75%;
+}
+.mh-100 {
+  max-height: 100%;
+}
+
+.of-auto {
+  overflow: auto;
+}
+.ofx-auto {
+  overflow-x: auto;
+}
+.ofy-auto {
+  overflow-y: auto;
+}
+.of-scroll {
+  overflow: scroll;
+}
+.ofx-scroll {
+  overflow-x: scroll;
+}
+.ofy-scroll {
+  overflow-y: scroll;
+}
+.of-hidden {
+  overflow: hidden;
+}
+.ofx-hidden {
+  overflow-x: hidden;
+}
+.ofy-hidden {
+  overflow-y: hidden;
+}
+.of-visible {
+  overflow: visible;
+}
+.ofx-visible {
+  overflow-x: visible;
+}
+.ofy-visible {
+  overflow-y: visible;
+}
 
 .flex {
   display: flex;