diff options
| author | taehoon <th.dev91@gmail.com> | 2019-04-06 13:14:43 -0400 |
|---|---|---|
| committer | taehoon <th.dev91@gmail.com> | 2019-04-17 11:32:49 -0400 |
| commit | 468aec0de1b7e25a66eb9e6ef44cf9787d0c6d86 (patch) | |
| tree | 1f9a18befcfc9af06a22636392e1da8b70b24cda /src/components/checkbox/checkbox.scss | |
| parent | ac9ddfb1e2948968b6f08c68b689888ed56b9779 (diff) | |
rewrite checkbox component as non-functional
Diffstat (limited to 'src/components/checkbox/checkbox.scss')
| -rw-r--r-- | src/components/checkbox/checkbox.scss | 49 |
1 files changed, 0 insertions, 49 deletions
diff --git a/src/components/checkbox/checkbox.scss b/src/components/checkbox/checkbox.scss deleted file mode 100644 index 42556d89..00000000 --- a/src/components/checkbox/checkbox.scss +++ /dev/null @@ -1,49 +0,0 @@ -@import '../../_variables.scss'; - -.checkbox { - position: relative; - display: inline-block; - padding-left: 1.2em; - min-height: 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; - } -} |
