Sha256: 2f260435cf519e79e040328f7ef2da9ec4ef376e43bd8555bfffaf6b0174812e

Contents?: true

Size: 1016 Bytes

Versions: 7

Compression:

Stored size: 1016 Bytes

Contents

@layer components {
  [data-coco][data-component="button-group"] {
    width: fit-content;
    border-radius: 44px;

    &[data-collapsible="true"] {
      @apply opacity-0;

      &.button-group-ready {
        @apply opacity-100;
      }
    }

    .button-group-buttons {
      @apply flex items-center gap-x-2;
      width: fit-content;
    }

    .divider {
      @apply w-0 border-l border-coco-gray-300 self-stretch;
    }

    &[data-reversed="true"] {
      .button-group-buttons {
        @apply flex-row-reverse;
      }
    }

    &[data-align="end"] {
      .button-group-buttons {
        @apply ml-auto;
      }
    }

    &[data-segmented="true"] {
      .button-group-buttons {
        @apply gap-x-0;
      }

      .coco-button-wrapper:not(:first-child) .coco-button {
        @apply rounded-l-none border-l-0;
      }

      .coco-button-wrapper:not(:last-child) .coco-button {
        @apply rounded-r-none;
      }

      &[data-floating="true"] {
        @apply shadow-lg;
      }
    }
  }
}

Version data entries

7 entries across 7 versions & 1 rubygems

Version Path
coveragebook_components-0.18.0 app/components/coco/buttons/button_group/button_group.css
coveragebook_components-0.17.7 app/components/coco/buttons/button_group/button_group.css
coveragebook_components-0.17.6 app/components/coco/buttons/button_group/button_group.css
coveragebook_components-0.17.5 app/components/coco/buttons/button_group/button_group.css
coveragebook_components-0.17.4 app/components/coco/buttons/button_group/button_group.css
coveragebook_components-0.17.3 app/components/coco/buttons/button_group/button_group.css
coveragebook_components-0.17.2 app/components/coco/buttons/button_group/button_group.css