Do breakpoints have names?

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;
}
}

Hello Chris,

Thanks for writing in! Regretfully there are no defined names for the breakpoints. You may use fixed values instead:

@media (min-width: 979px) {
  $el {
    margin-top: 2rem;
  }
}

Hope this helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.