diff options
| author | tusooa <tusooa@kazv.moe> | 2023-01-15 17:02:24 +0000 |
|---|---|---|
| committer | tusooa <tusooa@kazv.moe> | 2023-01-15 17:02:24 +0000 |
| commit | dc897a5fef9ed10e23bee9b36ee719c31996f7a5 (patch) | |
| tree | 1dad722edc84b5ba1759a13e1944167c5ffcf7c3 /src/components/checkbox | |
| parent | 4d2056d8aaa8f2c20a3275503857d38ac9112e5f (diff) | |
| parent | d2ba67d565ba68acc1938dc9ae2c866a6e39d4d6 (diff) | |
Merge branch 'tusooa/stylelint' into 'develop'
Use stylelint
Closes #1173 and #857
See merge request pleroma/pleroma-fe!1752
Diffstat (limited to 'src/components/checkbox')
| -rw-r--r-- | src/components/checkbox/checkbox.vue | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/src/components/checkbox/checkbox.vue b/src/components/checkbox/checkbox.vue index b6768d67..7139d4fc 100644 --- a/src/components/checkbox/checkbox.vue +++ b/src/components/checkbox/checkbox.vue @@ -32,7 +32,7 @@ export default { </script> <style lang="scss"> -@import '../../_variables.scss'; +@import "../../variables"; .checkbox { position: relative; @@ -49,13 +49,13 @@ export default { right: 0; top: 0; display: block; - content: '✓'; + 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: 0 0 2px black inset; box-shadow: var(--inputShadow); background-color: $fallback--fg; background-color: var(--input, $fallback--fg); @@ -71,15 +71,16 @@ export default { &.disabled { .checkbox-indicator::before, .label { - opacity: .5; + opacity: 0.5; } + .label { color: $fallback--faint; color: var(--faint, $fallback--faint); } } - input[type=checkbox] { + input[type="checkbox"] { display: none; &:checked + .checkbox-indicator::before { @@ -88,15 +89,14 @@ export default { } &:indeterminate + .checkbox-indicator::before { - content: '–'; + content: "–"; color: $fallback--text; color: var(--inputText, $fallback--text); } - } & > span { - margin-left: .5em; + margin-left: 0.5em; } } </style> |
