1 files changed, 41 insertions, 0 deletions
diff --git a/apps/web-shared/src/styles/custom-style/_util.scss b/apps/web-shared/src/styles/custom-style/_util.scss
new file mode 100644
index 0000000..5677630
--- /dev/null
+++ b/apps/web-shared/src/styles/custom-style/_util.scss
@@ -0,0 +1,41 @@
+@use '../base' as *;
+
+// --------------------------------
+
+// How to create custom utility classes 👇
+
+// --------------------------------
+
+.border-none {
+  border: none !important;
+}
+
+@each $breakpoint, $value in $breakpoints {
+  @include breakpoint(#{$breakpoint}) {
+    .border-none\@#{$breakpoint} {
+      border: none !important;
+    }
+  }
+}
+
+.left-unset {
+  left: unset !important;
+}
+
+.cursor-wait {
+  cursor: wait !important;
+}
+
+.bg-error-lighter\@hover {
+  &:hover,
+  &:active {
+    background-color: var(--color-error-lighter) !important;
+  }
+}
+
+.color-white\@hover {
+  &:hover,
+  &:active {
+    color: var(--color-white) !important;
+  }
+}