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,22 +58,24 @@
} }
} }
button.task { button {
height: 20px; &.task {
width: 20px; height: 20px;
background-color: transparent; width: 20px;
border-color: hsl(156, 28%, 70%); background-color: transparent;
margin-right: 4px; border-color: hsl(156, 28%, 70%);
border-radius: 3px; margin-right: 4px;
} 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 {