diff options
Diffstat (limited to 'src/components/checkbox/checkbox.scss')
| -rw-r--r-- | src/components/checkbox/checkbox.scss | 48 |
1 files changed, 0 insertions, 48 deletions
diff --git a/src/components/checkbox/checkbox.scss b/src/components/checkbox/checkbox.scss deleted file mode 100644 index 4dfcfe34..00000000 --- a/src/components/checkbox/checkbox.scss +++ /dev/null @@ -1,48 +0,0 @@ -@import '../../_variables.scss'; - -.checkbox { - position: relative; - display: inline-block; - padding-left: 1.2em; - - &-indicator::before { - position: absolute; - left: 0; - top: 0; - display: block; - content: '✔'; - transition: color 200ms; - width: 1.1em; - height: 1.1em; - border-radius: $fallback--checkboxRadius; - border-radius: var(--checkboxRadius, $fallback--checkboxRadius); - box-shadow: 0px 0px 2px black inset; - box-shadow: var(--inputShadow); - background-color: $fallback--fg; - background-color: var(--input, $fallback--fg); - vertical-align: top; - text-align: center; - line-height: 1.1em; - font-size: 1.1em; - color: transparent; - overflow: hidden; - box-sizing: border-box; - } - - input[type=checkbox] { - display: none; - - &:checked + .checkbox-indicator::before { - color: $fallback--text; - color: var(--text, $fallback--text); - } - - &:disabled + .checkbox-indicator::before { - opacity: .5; - } - } - - & > span { - margin-left: .5em; - } -} |
