Sha256: 2122862310f74289f196469b5c3e9851b0287e5872746f58e2954b3e6d0e492b

Contents?: true

Size: 1.33 KB

Versions: 8

Compression:

Stored size: 1.33 KB

Contents

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

    &[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;

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

        > *:not(:last-child) .coco-button-wrapper,
        > .coco-button-wrapper:not(:last-child) {
          &:not(.button-dropdown .coco-button-wrapper) {
            .coco-button {
              @apply rounded-r-none;
            }
          }
        }
      }

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

Version data entries

8 entries across 8 versions & 1 rubygems

Version Path
coveragebook_components-0.19.8 app/components/coco/buttons/button_group/button_group.css
coveragebook_components-0.19.7 app/components/coco/buttons/button_group/button_group.css
coveragebook_components-0.19.6 app/components/coco/buttons/button_group/button_group.css
coveragebook_components-0.19.5 app/components/coco/buttons/button_group/button_group.css
coveragebook_components-0.19.4 app/components/coco/buttons/button_group/button_group.css
coveragebook_components-0.19.3 app/components/coco/buttons/button_group/button_group.css
coveragebook_components-0.19.2 app/components/coco/buttons/button_group/button_group.css
coveragebook_components-0.19.1 app/components/coco/buttons/button_group/button_group.css