Sha256: c5d8039089405b9150da7b2b9192efb9bf6ce3f9a592d4beb0f7ab875e73afd1

Contents?: true

Size: 669 Bytes

Versions: 7

Compression:

Stored size: 669 Bytes

Contents

.tabs {
  display: flex;
  flex-direction: column;
  gap: var(--size-2);
}

.tabs__list {
  background-color: var(--color-border-light);
  block-size: var(--size-9);
  border-radius: var(--rounded-md);
  color: var(--color-text-subtle);
  display: inline-flex;
  gap: var(--size-2);
  padding: var(--size-1);
}

.btn--tab {
  --btn-background: transparent;
  --btn-block-size: auto;
  --btn-border-color: transparent;
  --btn-box-shadow: none;
  --btn-hover-color: transparent;
  --btn-inline-size: var(--size-full);

  &[aria-selected=true] {
    --btn-background: var(--color-bg);
    --btn-box-shadow: var(--shadow-sm);
    --btn-hover-color: var(--color-bg);
  }
}

Version data entries

7 entries across 7 versions & 1 rubygems

Version Path
css-zero-1.0.6 lib/generators/css_zero/add/templates/app/assets/stylesheets/tabs.css
css-zero-1.0.5 lib/generators/css_zero/add/templates/app/assets/stylesheets/tabs.css
css-zero-1.0.4 lib/generators/css_zero/add/templates/app/assets/stylesheets/tabs.css
css-zero-1.0.3 lib/generators/css_zero/add/templates/app/assets/stylesheets/tabs.css
css-zero-1.0.2 lib/generators/css_zero/add/templates/app/assets/stylesheets/tabs.css
css-zero-1.0.1 lib/generators/css_zero/add/templates/app/assets/stylesheets/tabs.css
css-zero-1.0.0 lib/generators/css_zero/add/templates/app/assets/stylesheets/tabs.css