Sha256: 12a66047e5c9480ceb68d2cdcc6016730f63181b0c6fdd49597dd0eedbb52795

Contents?: true

Size: 666 Bytes

Versions: 9

Compression:

Stored size: 666 Bytes

Contents

@layer components {
  [data-coco][data-component="tabs"] {
    @apply border-b border-gray-transparent-200;

    [role="tablist"] {
      display: flex;
      position: relative;
      width: 100%;
    }

    [role="tab"] {
      @apply border-b-2 border-transparent;
      position: relative;
      bottom: -1px;

      .coco-button {
        @apply text-content-dark-muted;

        &:hover {
          @apply text-content-dark-2;
        }
      }

      &.active {
        @apply border-background-dark-1;

        .coco-button {
          @apply text-content-dark-1;
        }
      }
    }

    &[data-fit="full"] [role="tab"] {
      width: 100%;
    }
  }
}

Version data entries

9 entries across 9 versions & 1 rubygems

Version Path
coveragebook_components-0.19.8 app/components/coco/navigation/tabs/tabs.css
coveragebook_components-0.19.7 app/components/coco/navigation/tabs/tabs.css
coveragebook_components-0.19.6 app/components/coco/navigation/tabs/tabs.css
coveragebook_components-0.19.5 app/components/coco/navigation/tabs/tabs.css
coveragebook_components-0.19.4 app/components/coco/navigation/tabs/tabs.css
coveragebook_components-0.19.3 app/components/coco/navigation/tabs/tabs.css
coveragebook_components-0.19.2 app/components/coco/navigation/tabs/tabs.css
coveragebook_components-0.19.1 app/components/coco/navigation/tabs/tabs.css
coveragebook_components-0.19.0 app/components/coco/navigation/tabs/tabs.css