aboutsummaryrefslogtreecommitdiff
path: root/src/components/checkbox
diff options
context:
space:
mode:
authortusooa <tusooa@kazv.moe>2023-01-15 17:02:24 +0000
committertusooa <tusooa@kazv.moe>2023-01-15 17:02:24 +0000
commitdc897a5fef9ed10e23bee9b36ee719c31996f7a5 (patch)
tree1dad722edc84b5ba1759a13e1944167c5ffcf7c3 /src/components/checkbox
parent4d2056d8aaa8f2c20a3275503857d38ac9112e5f (diff)
parentd2ba67d565ba68acc1938dc9ae2c866a6e39d4d6 (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.vue16
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>