/////////////////
// grids
////////////////

$base-px: 16px !default
$container-class-name: container !default

=_assert-ascending($map, $map-name)
  $prev-key: null
  $prev-num: null
  @each $key, $num in $map
    @if $prev-num != null and $prev-num >= $num
      @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !"
    $prev-key: $key
    $prev-num: $num

$grid-breakpoints: (xs: 0, sm: 40em, md: 48em, lg: 64em, xl: 80em, xxl: 96em, xxxl: 120em)

// breakpoints
//
// xs: 0 〜 639
// @media screen and (max-width:639px)
//
// sm: 640 〜 767
// @media screen and (min-width:640px) and (max-width:767px)
//
// md: 768 〜 1023
// @media screen and (min-width:768px) and (max-width:1023px)
//
// lg: 1024 〜 1279
// @media screen and (min-width:1024px) and (max-width:1279px)
//
// xl: 1280 〜 1535
// @media screen and (min-width:1280px) and (max-width:1535px)
//
// xxl: 1536 〜 1919
// @media screen and (min-width:1536px) and (max-width:1919px)
//
// xxxl: 1920 〜 ∞
// @media screen and (min-width:1920px)

+_assert-ascending($grid-breakpoints, "$grid-breakpoints")
$container-max-width: 72.25rem !default

// 横一列の最大カラム数
$grid-columns: 12 !default
// カラムとカラムの間のスペース
$grid-gutter-width: 1rem

/////////////////
// layout
////////////////

$horizontal: left right !default
$vertical: top bottom !default

$header-height__md-up: 3.125rem
$header-height__sm-down: 2.75rem

$global-nav-width: 5rem
$global-nav-width-sm: 13rem

$thread-header-author: 4.75rem

$side-nav-width: 17rem
