All files / src/domain/MediaQuery queries.js

0% Statements 0/11
0% Branches 0/2
0% Functions 0/2
0% Lines 0/7
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17                                 
import { mediaQuery } from './index.js';
 
class Queries {
  constructor() {
    this.xsQuery = mediaQuery('(min-width: 20em)');
    this.smQuery = mediaQuery('(min-width: 30em)');
    this.mdQuery = mediaQuery('(min-width: 75em)');
    this.state = {
      xs: !! this.xsQuery.matches,
      sm: !! this.smQuery.matches,
      md: !! this.mdQuery.matches,
    };
  }
}
 
export default Queries;