Menu.module.css35 lines · main

1	.sbui-menu__item {
2	@apply px-4 py-2;
3	@apply cursor-pointer;
4	@apply hover:bg-gray-100 dark:hover:bg-dark-700 transition-colors duration-150;
5	}
6
7	.sbui-menu__group {
8	@apply px-4 py-2;
9	}
10
11	.sbui-menu__content {
12	@apply w-full;
13	}
14
15	.sbui-menu__item--active {
16	@apply bg-gray-100;
17	@apply dark:bg-gray-600;
18
19	@apply text-gray-900;
20	@apply dark:text-white;
21	}
22
23	.sbui-menu__item--active .sbui-menu__content {
24	@apply text-gray-600;
25	@apply dark:text-white;
26	}
27
28	.sbui-menu__item--active--bar {
29	@apply border-l-4 border-brand-300;
30	border-left-style: solid;
31	}
32
33	.sbui-menu__item--rounded {
34	@apply rounded-sm;
35	}