Align pixel checkboxes inside boxes
This commit is contained in:
@@ -163,6 +163,10 @@
|
||||
box-shadow: inset 0 0 0 1px rgba(198, 107, 255, 0.25);
|
||||
}
|
||||
|
||||
::v-deep .custom-control-label::after {
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
::v-deep .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
|
||||
background: rgba(122, 29, 255, 0.25);
|
||||
border-color: rgba(198, 107, 255, 0.9);
|
||||
@@ -171,12 +175,12 @@
|
||||
|
||||
::v-deep .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
|
||||
background: transparent;
|
||||
content: "✓";
|
||||
color: var(--accent);
|
||||
font-family: var(--pixel-font);
|
||||
font-size: 12px;
|
||||
left: 3px;
|
||||
top: 0;
|
||||
content: "";
|
||||
left: -1.3rem;
|
||||
top: 0.2rem;
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
opacity: 1;
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'%3E%3Crect x='2' y='8' width='2' height='2' fill='%23c66bff'/%3E%3Crect x='4' y='10' width='2' height='2' fill='%23c66bff'/%3E%3Crect x='6' y='8' width='2' height='2' fill='%23c66bff'/%3E%3Crect x='8' y='6' width='2' height='2' fill='%23c66bff'/%3E%3Crect x='10' y='4' width='2' height='2' fill='%23c66bff'/%3E%3C/svg%3E");
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user