Contents

.toggle {
  display: inline-flex;

  [type="checkbox"] {
    position: absolute; clip: rect(0, 0, 0, 0);
  }

  &:has([type="checkbox"]:checked) {
    --btn-background: var(--color-secondary);
  }

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

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
css-zero-0.0.38	lib/generators/css_zero/add/templates/app/assets/stylesheets/toggle.css
css-zero-0.0.37	lib/generators/css_zero/add/templates/app/assets/stylesheets/toggle.css
css-zero-0.0.36	lib/generators/css_zero/add/templates/app/assets/stylesheets/toggle.css