Sha256: 290657676a0f8f10af2568e2a603f45d2a6a97c4700f5017ed295c3e4d0d97b0
Contents?: true
Size: 1.39 KB
Versions: 4
Compression:
Stored size: 1.39 KB
Contents
// Tab like radio group .radio-group { @include clearfix; } .radio-label { float: left; // stylelint-disable-next-line primer/spacing padding: 6px $spacer-3 6px ($spacer-3 + 12px + $spacer-2); // 12px is the size of the radio-input // stylelint-disable-next-line primer/spacing margin-left: -1px; font-size: $body-font-size; // stylelint-disable-next-line primer/typography line-height: 20px; // Specifically not inherit our `<body>` default color: var(--color-fg-default); cursor: pointer; border: $border-width $border-style var(--color-border-default); :checked + & { position: relative; z-index: 1; border-color: var(--color-accent-emphasis); } &:first-of-type { margin-left: 0; border-top-left-radius: $border-radius; border-bottom-left-radius: $border-radius; } &:last-of-type { border-top-right-radius: $border-radius; border-bottom-right-radius: $border-radius; } .octicon { margin-left: $spacer-1; color: var(--color-fg-subtle); } } .radio-input { z-index: 3; float: left; // stylelint-disable-next-line primer/spacing margin: 10px (-$spacer-5) 0 $spacer-3; &:disabled { position: relative; // enables z-index + .radio-label { color: var(--color-primer-fg-disabled); cursor: default; background-color: var(--color-neutral-subtle); .octicon { color: inherit; } } } }
Version data entries
4 entries across 4 versions & 1 rubygems