VBC-172: hamburger-on-desktop

warning

Category: ux-dx
Analysis: Regex (whole file)
File types: .css, .scss
Scope: source code only, ignoring anything inside strings and comments
Tags: ux

What it reports

Hamburger menu detected on desktop resolutions at line {line}.

Flagged

@media (min-width: 1280px) {
  .hamburger-menu { display: block; }
}

Not flagged

@media (max-width: 640px) {
  .hamburger-menu { display: block; }
}

Pattern

@media[^{]*min-width:\s*(?:1[2-9][0-9][0-9]|[2-9][0-9]{3})px[^{]*\{[\s\S]{0,400}?\.(?:hamburger|burger|menu-toggle|nav-toggle)