Sha256: 0c9530975f89d69ee97371c8c1f03e98e773ad0761af8d590a83707cac6362e6

Contents?: true

Size: 933 Bytes

Versions: 64

Compression:

Stored size: 933 Bytes

Contents

.switch {
  appearance: none;
  background-color: var(--color-border);
  border-color: transparent;
  border-radius: var(--rounded-full);
  border-width: var(--border-2);
  block-size: var(--size-6);
  cursor: pointer;
  inline-size: var(--size-11);
  transition-duration: var(--time-150);
  transition-property: var(--transition-colors);

  &:checked {
    background-color: var(--color-primary);
  }

  &:checked::before {
    margin-inline-start: var(--size-5);
  }

  &::before {
    aspect-ratio: var(--aspect-square);
    background-color: var(--color-text-reversed);
    block-size: var(--size-full);
    border-radius: var(--rounded-full);
    content: "";
    display: block;
    transition: margin var(--time-150);
  }

  &:focus-visible {
    outline: var(--border-2) solid var(--color-selected-dark);
    outline-offset: var(--border-2);
  }

  &:disabled {
    cursor: not-allowed;
    opacity: var(--opacity-50);
  }
}

Version data entries

64 entries across 64 versions & 1 rubygems

Version Path
css-zero-0.0.92 lib/generators/css_zero/add/templates/app/assets/stylesheets/switch.css
css-zero-0.0.91 lib/generators/css_zero/add/templates/app/assets/stylesheets/switch.css
css-zero-0.0.90 lib/generators/css_zero/add/templates/app/assets/stylesheets/switch.css
css-zero-0.0.89 lib/generators/css_zero/add/templates/app/assets/stylesheets/switch.css
css-zero-0.0.88 lib/generators/css_zero/add/templates/app/assets/stylesheets/switch.css
css-zero-0.0.87 lib/generators/css_zero/add/templates/app/assets/stylesheets/switch.css
css-zero-0.0.86 lib/generators/css_zero/add/templates/app/assets/stylesheets/switch.css
css-zero-0.0.85 lib/generators/css_zero/add/templates/app/assets/stylesheets/switch.css
css-zero-0.0.84 lib/generators/css_zero/add/templates/app/assets/stylesheets/switch.css
css-zero-0.0.83 lib/generators/css_zero/add/templates/app/assets/stylesheets/switch.css
css-zero-0.0.82 lib/generators/css_zero/add/templates/app/assets/stylesheets/switch.css
css-zero-0.0.81 lib/generators/css_zero/add/templates/app/assets/stylesheets/switch.css
css-zero-0.0.80 lib/generators/css_zero/add/templates/app/assets/stylesheets/switch.css
css-zero-0.0.79 lib/generators/css_zero/add/templates/app/assets/stylesheets/switch.css
css-zero-0.0.78 lib/generators/css_zero/add/templates/app/assets/stylesheets/switch.css
css-zero-0.0.77 lib/generators/css_zero/add/templates/app/assets/stylesheets/switch.css
css-zero-0.0.76 lib/generators/css_zero/add/templates/app/assets/stylesheets/switch.css
css-zero-0.0.75 lib/generators/css_zero/add/templates/app/assets/stylesheets/switch.css
css-zero-0.0.74 lib/generators/css_zero/add/templates/app/assets/stylesheets/switch.css
css-zero-0.0.73 lib/generators/css_zero/add/templates/app/assets/stylesheets/switch.css