Sha256: daeb3e20143a0df4c60b78875aa6f522f75b092c2454faaf12ed76fda7f378d2

Contents?: true

Size: 1.23 KB

Versions: 17

Compression:

Stored size: 1.23 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-form-button"],
      > [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

17 entries across 17 versions & 1 rubygems

Version Path
coveragebook_components-0.7.2 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.7.1 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.7.0 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.6.5 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.6.4 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.6.3 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.6.2 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.6.1 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.6.0 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.5.7 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.5.6 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.5.5 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.5.4 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.5.3 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.5.2 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.5.1 app/components/coco/app/elements/menu/menu.css
coveragebook_components-0.5.0 app/components/coco/app/elements/menu/menu.css