negative breakpoints

[chharvey]

@media not all and (min-width: 30em) {
  ./**/-nsK {} /* same as (max-width: 29.999em) */
}

@media not all and (min-width: 45em) { ./**/-nsM {} } /* (max-width: 44.999em) */
@media not all and (min-width: 60em) { ./**/-nsG {} } /* (max-width: 59.999em) */
@media not all and (min-width: 75em) { ./**/-nsT {} } /* (max-width: 74.999em) */
@media not all and (min-width: 90em) { ./**/-nsP {} } /* (max-width: 89.999em) */

[chharvey]

add to docs

div
  section
    h2 h-Clearfix-nsM
    p Item acts as the #[a Clearfix Helper] only in the not-sM breakpoint (smaller tan 45em / 720px).
    figure.docs-figure
      p.c-Hero__Detail
        span.c-Hero__Place.h-Clearfix-nsM Denver, CO
        span.c-Hero__Dates Jun 4–Jun 7
      pre.docs-pre.
        <p class="c-Hero__Detail">
          <span class="c-Hero__Place  #[u h-Clearfix-nsM]">Denver, CO</span>
          <span class="c-Hero__Dates">Jun 4–Jun 7</span>
        </p>

[chharvey]

IMPORTANT

rename breakpoint suffixes as per the following:

@media not all and (min-width: 30em) {
  ./**/-nK {} /* same as (max-width: 29.999em) */
}

@media not all and (min-width: 45em) { ./**/-nM {} } /* (max-width: 44.999em) */
@media not all and (min-width: 60em) { ./**/-nG {} } /* (max-width: 59.999em) */
@media not all and (min-width: 75em) { ./**/-nT {} } /* (max-width: 74.999em) */
@media not all and (min-width: 90em) { ./**/-nP {} } /* (max-width: 89.999em) */