aboutsummaryrefslogtreecommitdiff
path: root/src/components/checkbox/checkbox.scss
diff options
context:
space:
mode:
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;
- }
-}