rustlanges-components 0.1.0

RustLangES components library
Documentation 
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
42
43
44

@layer component {
  .rustlanges-dropdown-tree-start {
    @apply box-border h-fit w-full;

    & > summary {
      @apply grid w-full grid-cols-[auto_1fr_auto] items-center gap-2 px-4 py-2.5 marker:hidden;
      @apply [&>*:first-child]:col-span-3;

      & > svg {
        @apply duration-400 size-6 text-neutral-950 transition;
        @apply dark:text-neutral-50;
      }
    }

    &[open] > summary > svg {
      @apply -rotate-180;
    }
  }

  .rustlanges-dropdown-tree-start__title {
    @apply text-neutral-950 dark:text-neutral-50;
  }

  .rustlanges-dropdown-tree-start--extended {
    @apply shadow-brutal rounded-xl border border-black;
    @apply dark:bg-secondary-950 bg-secondary-50;
  }

  .rustlanges-dropdown-tree-start--default {
    & > summary {
      @apply shadow-brutal mb-4 gap-4 rounded-2xl border border-black;
      @apply dark:bg-secondary-950 bg-secondary-50;
    }

    & > div {
      @apply relative grid gap-4;

      &::before {
        content: "";
        @apply absolute left-[9px] h-full w-0.5 bg-black;
      }
    }
  }
}