Skip to content
Snippets Groups Projects
_breakpoints.scss 428 B
Newer Older
  • Learn to ignore specific revisions
  • Markus Kaarto's avatar
    Markus Kaarto committed
    :root {
    
    Tuukka Turu's avatar
    Tuukka Turu committed
      --breakpoint-extrawide: 80rem; // 1280px
    
      --breakpoint-max-width: 80rem; // 1280px
      --breakpoint-medium: 768px; // 768px
      --breakpoint-narrow: 30rem; // 480px
    
    Tuukka Turu's avatar
    Tuukka Turu committed
      --breakpoint-overwide: 90rem; // 1440px
    
      --breakpoint-wide: 60rem; // 960px
    
    Markus Kaarto's avatar
    Markus Kaarto committed
    }
    
    $narrow: 30em; // 480px
    $medium: 48em; // 768px
    $wide: 60em; // 960px
    
    Tuukka Turu's avatar
    Tuukka Turu committed
    $extrawide: 80em; // 1280px
    $overwide: 90em; // 1440px
    
    $fullhd: 120em; // 1920px
    
    Tuukka Turu's avatar
    Tuukka Turu committed
    $max-width: $overwide;