// Set up our global variables.
@import '~styles-lib/variables'
@import './layers'

/**
 * Shell
 */
$shell-border-color = $black
$shell-pane-width = 280px
$shell-top-nav-height = 56px
$shell-user-box-height = 125px
$shell-cbar-width = 70px
$status-bar-height = 28px
$shell-content-sidebar-padding = 12px
$shell-content-sidebar-width = 270px + $shell-content-sidebar-padding * 2
// Have to override $body-bg from bootstrap to be transparent.
// It then falls through to what `html` is set to.
$body-bg = transparent
$shell-body-content-bg = $white
/**
 * Chat
 */
$chat-bubble-size = 60px
$chat-room-window-width = 900px
$chat-room-window-padding = 8px
/**
 * Forums
 */
$forum-post-list-icon-size = 50px
$forum-post-list-avatar-margin = $grid-gutter-width
/**
 * Minbar
 */
$minbar-offset-right = $chat-bubble-size
/**
 * Modals
 */
$modal-padding = ($grid-gutter-width / 2)
$modal-padding-xs = ($grid-gutter-width-xs / 2)
/**
 * Page Header
 */
$page-header-spotlight-size = 100px
$page-header-spotlight-margin = ($grid-gutter-width / 2)
/**
 * Cbar
 */
$cbar-h-padding = 10px
