Sha256: 90cd4669b2d5625747294a6c10b1ed34abd3cc5f6a208e43ead482aef727bbb3

Contents?: true

Size: 1.32 KB

Versions: 12

Compression:

Stored size: 1.32 KB

Contents

@layer components {
  [data-coco][data-component="app-menu"] {
    width: fit-content;
    max-width: 240px;

    .menu-item {
      > * {
        @apply w-full;
      }

      > [data-component="app-button"],
      > [data-component="app-button-to"],
      > [data-component="app-menu-button"] {
        @apply hover:bg-gray-blend-50 active:bg-gray-blend-100;

        .button-inner {
          @apply justify-start text-left mx-0;
        }

        .button-content {
          @apply !font-[400];
        }
      }

      .divider {
        @apply my-1.5;
      }
    }

    &[data-size="sm"],
    &[data-size="xs"] {
      @apply py-1.5;

      .menu-item {
        [data-component="app-button"] > .button-element {
          @apply px-4 py-2 text-label-sm;

          .button-inner {
            @apply gap-2;

            > [data-component="icon"] {
              @apply w-4 h-4;
            }
          }
        }
      }
    }

    &[data-size="md"] {
      @apply py-2;

      .menu-item {
        [data-component="app-button"] > .button-element {
          @apply px-5 py-2.5 text-label-md;

          .button-inner {
            @apply gap-2;

            > [data-component="icon"] {
              @apply w-5 h-5;
            }
          }
        }
      }
    }

    .divider {
      @apply h-0 border-t border-gray-300;
    }
  }
}

Version data entries

12 entries across 12 versions & 1 rubygems

Version Path
coveragebook_components-0.8.9 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.8.8 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.8.7 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.8.6 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.8.5 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.8.4 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.8.3 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.8.2 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.8.1 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.8.0 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.8.0.beta.3 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.8.0.beta.2 app/components/coco/app/elements/menu/menu.css