summaryrefslogtreecommitdiffstats
path: root/apps/web-shared/src/styles/custom-style/_util.scss
diff options
context:
space:
mode:
authorivarlovlie <git@ivarlovlie.no>2022-06-01 22:10:32 +0200
committerivarlovlie <git@ivarlovlie.no>2022-06-01 22:10:32 +0200
commita640703f2da8815dc26ad1600a6f206be1624379 (patch)
treedbda195fb5783d16487e557e06471cf848b75427 /apps/web-shared/src/styles/custom-style/_util.scss
downloadgreatoffice-a640703f2da8815dc26ad1600a6f206be1624379.tar.xz
greatoffice-a640703f2da8815dc26ad1600a6f206be1624379.zip
feat: Initial after clean slate
Diffstat (limited to 'apps/web-shared/src/styles/custom-style/_util.scss')
-rw-r--r--apps/web-shared/src/styles/custom-style/_util.scss41
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;
+ }
+}