VBC-161: oversized-sticky-header

warning

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

What it reports

Oversized sticky header (>30vh) detected at line {line}.

Flagged

.hero {
  position: sticky;
  top: 0;
  height: 60vh;
}

Not flagged

.hero {
  position: sticky;
  top: 0;
  height: 8vh;
}

Pattern

position:\s*sticky[\s\S]{0,200}?height:\s*(?:[3-9][0-9]|1[0-9][0-9])vh