Breadcrumb.module.css34 lines · main

1	.sbui-breadcrumb--container {
2	@apply flex flex-row items-center;
3	@apply p-0 my-0;
4	}
5
6	.sbui-breadcrumb--item-container {
7	@apply flex items-center;
8	}
9
10	.sbui-breadcrumb--item {
11	@apply text-gray-500 hover:text-gray-600;
12	@apply cursor-pointer;
13	@apply [[data-theme*=dark]_&]:text-dark-200 [[data-theme*=dark]_&]:hover:text-brand-400;
14	}
15
16	.sbui-breadcrumb--item__active {
17	@apply text-brand-400 [[data-theme*=dark]_&]:text-brand-400;
18	}
19
20	.sbui-breadcrumb--separator {
21	@apply mx-2;
22	@apply text-gray-500 hover:text-gray-600;
23	@apply [[data-theme*=dark]_&]:text-dark-200 [[data-theme*=dark]_&]:hover:text-white;
24	}
25
26	.sbui-breadcrumb--separator-small {
27	@apply mx-2;
28	}
29	.sbui-breadcrumb--separator-medium {
30	@apply mx-4;
31	}
32	.sbui-breadcrumb--separator-large {
33	@apply mx-6;
34	}