module.exports = {
  // Page
  pageContentBodyPadding: '20px',
  pageContentBodyPaddingSmallScreen: '10px',

  // Header
  headerHeight: '60px',

  // Sidebar
  sidebarWidth: '210px',

  // Toolbar
  toolbarHeight: '60px',
  toolbarButtonWidth: '60px',
  toolbarSeparatorMargin: '20px',

  // Break Points
  breakpointExtraSmall: '480px',
  breakpointSmall: '768px',
  breakpointMedium: '992px',
  breakpointLarge: '1200px',

  // Form
  formGroupSmallWidth: '650px',
  formGroupMediumWidth: '800px',
  formGroupLargeWidth: '1200px',
  formLabelWidth: '250px',
  formLabelRightMarginWidth: '20px',

  // Drag
  dragHandleWidth: '40px',

  // Progress Bar
  progressBarSmallHeight: '5px',
  progressBarMediumHeight: '15px',
  progressBarLargeHeight: '20px',

  // Jump Bar
  jumpBarItemHeight: '25px',

  // Artist
  artistIndexColumnPadding: '20px',
  artistIndexColumnPaddingSmallScreen: '10px',
  artistIndexOverviewInfoRowHeight: '21px'
};
