blob: 5d976a4b092c98d906983c08fbf118084d8eedf3 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
@use '../base' as *;
// --------------------------------
// How to create custom utility classes 👇
// --------------------------------
.border-none {
border: none !important;
}
// }
// 👇 (optional) create responsive variations - edit only [my-util-class, property, value]
// @each $breakpoint, $value in $breakpoints {
// @include breakpoint(#{$breakpoint}) {
// .my-util-class\@#{$breakpoint} {
// property: value;
// }
// }
.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;
}
}
|
