Pixel checkboxes, button spacing, and use fork image

This commit is contained in:
dan
2025-12-06 20:07:10 +03:00
parent f52d68300c
commit edcf2a0987
3 changed files with 46 additions and 4 deletions

View File

@@ -152,4 +152,35 @@
color: var(--text);
box-shadow: 0 0 12px rgba(198, 107, 255, 0.25);
}
::v-deep .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 8px rgba(198, 107, 255, 0.5);
}
::v-deep .custom-checkbox .custom-control-label::before {
border: 1px solid rgba(122, 29, 255, 0.8);
background: rgba(122, 29, 255, 0.08);
box-shadow: inset 0 0 0 1px rgba(198, 107, 255, 0.35);
}
::v-deep .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
background: rgba(122, 29, 255, 0.18);
border-color: rgba(198, 107, 255, 0.9);
box-shadow: 0 0 10px rgba(198, 107, 255, 0.4);
}
::v-deep .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
background: transparent;
width: 12px;
height: 12px;
left: 5px;
top: 4px;
transform: none;
box-shadow:
2px 6px 0 #c66bff,
4px 8px 0 #c66bff,
6px 6px 0 #c66bff,
6px 4px 0 #c66bff,
8px 6px 0 #c66bff;
}
</style>