css: Use SCSS nesting for button.task*.

This commit is contained in:
Vaibhav
2019-08-05 05:14:37 +05:30
committed by Tim Abbott
parent 911e438a14
commit 1fb5e36e7a

View File

@@ -58,23 +58,25 @@
} }
} }
button.task { button {
&.task {
height: 20px; height: 20px;
width: 20px; width: 20px;
background-color: transparent; background-color: transparent;
border-color: hsl(156, 28%, 70%); border-color: hsl(156, 28%, 70%);
margin-right: 4px; margin-right: 4px;
border-radius: 3px; border-radius: 3px;
}
button.task:hover { &:hover {
border: 1px solid hsl(194, 60%, 40%); border: 1px solid hsl(194, 60%, 40%);
} }
}
button.task-completed { &.task-completed {
border-color: hsl(157, 18%, 77%); border-color: hsl(157, 18%, 77%);
padding: 0px; padding: 0px;
} }
}
img.task-completed { img.task-completed {
width: 15px; width: 15px;