Thank you for your write-up. Just some questions:
function LoginForm() {
return (
<form class="login">
<button type="submit">Submit</button>
</form>
);
}
.login button[type="submit"] {
background: blue;
}
function myButtonBar() {
return (
<div class="button-bar">
<button type="button">Primary Action</button>
<button type="button">Secondary Action</button>
<button type="button">Tertiary Action</button>
</div>
);
}
.button-bar {
button:first-child {
background: blue;
}
button:nth-child(2) {
background: white;
}
button:nth-child(3) {
background: white;
border: none;
}
}