From a640703f2da8815dc26ad1600a6f206be1624379 Mon Sep 17 00:00:00 2001 From: ivarlovlie Date: Wed, 1 Jun 2022 22:10:32 +0200 Subject: feat: Initial after clean slate --- apps/web-shared/src/styles/custom-style/_util.scss | 41 ++++++++++++++++++++++ 1 file changed, 41 insertions(+) create mode 100644 apps/web-shared/src/styles/custom-style/_util.scss (limited to 'apps/web-shared/src/styles/custom-style/_util.scss') 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; + } +} -- cgit v1.3