@import 'palette';
@import 'mixins';

$bp__m: 40em;

// layout optomised for larger screens
$bp__layout: 40em;

// gallery ui becomes more compact
$bp__gallery-compact: 75em;

$z-index__page: 50;
$z-index__page-overlay: 75;
$z-index__menu: 100;

$site-menu__width: 20rem;
$site-menu__header-width: 3rem;
$site-menu__header-height: 3rem;
$site-menu__color-bg: $color__neutral-200;

$gallery-featured-width: 20rem;
$gallery-featured-width--compact: 12rem;

$gallery-thumbs-height: 8rem;
$gallery-thumbs-height--compact: 6rem;