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 {
height: 20px;
width: 20px;
background-color: transparent;
border-color: hsl(156, 28%, 70%);
margin-right: 4px;
border-radius: 3px;
}
button {
&.task {
height: 20px;
width: 20px;
background-color: transparent;
border-color: hsl(156, 28%, 70%);
margin-right: 4px;
border-radius: 3px;
button.task:hover {
border: 1px solid hsl(194, 60%, 40%);
}
&:hover {
border: 1px solid hsl(194, 60%, 40%);
}
}
button.task-completed {
border-color: hsl(157, 18%, 77%);
padding: 0px;
&.task-completed {
border-color: hsl(157, 18%, 77%);
padding: 0px;
}
}
img.task-completed {