Sha256: 14ac5280442cfde511b5262df9d261d37195071be57f0d9e82762d7af969ecb9

Contents?: true

Size: 1.22 KB

Versions: 7

Compression:

Stored size: 1.22 KB

Contents

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

    .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];
        }
      }
    }

    &[data-size="sm"] {
      @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

7 entries across 7 versions & 1 rubygems

Version Path
coveragebook_components-0.7.9 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.7.8 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.7.7 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.7.6 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.7.5 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.7.4 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.7.3 app/components/coco/app/elements/menu/menu.css