To be consistent with the theme breakpoints in the Customize CSS editor, I am curious if there are defined names for each breakpoint? Since we are using a special name for the element, it makes sense to me to have special names for each breakpoint. This is what I’m envisioning (since I frequently want to adjust margin or padding at different breakpoints):
@media (min-width: $SM) {
$el {
margin-top: 2rem;
}
}