Added
This commit is contained in:
38
.obsidian/snippets/checkbox.css
vendored
Normal file
38
.obsidian/snippets/checkbox.css
vendored
Normal file
@@ -0,0 +1,38 @@
|
||||
/* Only style checkboxes in notes with the 'styled-checkbox' class */
|
||||
.styled-checkbox li.task-list-item input[type="checkbox"] {
|
||||
appearance: none;
|
||||
-webkit-appearance: none;
|
||||
width: 1.2em;
|
||||
height: 1.2em;
|
||||
border-radius: 0.3em;
|
||||
border: 2px solid #74c7ec; /* Text */
|
||||
background-color: #1e1e2e; /* Overlay0 */
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
vertical-align: center;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.styled-checkbox li.task-list-item input[type="checkbox"]:hover {
|
||||
border-color: #a6e3a1; /* Yellow */
|
||||
}
|
||||
|
||||
.styled-checkbox li.task-list-item input[type="checkbox"]:checked {
|
||||
background-color: #a6e3a1; /* Green */
|
||||
border-color: #a6e3a1;
|
||||
}
|
||||
|
||||
.styled-checkbox li.task-list-item input[type="checkbox"]:checked::after {
|
||||
content: "✔";
|
||||
color: #11111b; /* dark text for contrast */
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user