aboutsummaryrefslogtreecommitdiff
path: root/src/components/checkbox/checkbox.scss
diff options
context:
space:
mode:
authortaehoon <th.dev91@gmail.com>2019-04-06 15:35:23 -0400
committertaehoon <th.dev91@gmail.com>2019-05-03 11:40:06 -0400
commitddc7c870f401a1cb7e59cd5144b6acff65a01e7e (patch)
treef469ef9760d48aaee12a2a2d9bba77c1b06031b2 /src/components/checkbox/checkbox.scss
parent58a420f2b3935bffe950497672f60c19f86bd2ed (diff)
rewrite checkbox component
Diffstat (limited to 'src/components/checkbox/checkbox.scss')
-rw-r--r--src/components/checkbox/checkbox.scss48
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;
- }
-}