// -----------------------------------------------------------------------------
// Config
// -----------------------------------------------------------------------------

$frame-max-width: 1600px;

$sidebar-width: 260px;
$sidebar-width-wide: 320px;

$breakpoint-showNav: 40em;
$breakpoint-wide: 60em;

// -----------------------------------------------------------------------------
// Third party
// -----------------------------------------------------------------------------

@import 'vendor/normalize.scss';
@import 'vendor/mq.scss';
@import 'vendor/highlight-github.scss';

// -----------------------------------------------------------------------------
// Core
// -----------------------------------------------------------------------------

@import 'core/colours.scss';
@import 'core/typography.scss';
@import 'core/foundation.scss';
@import 'core/frame.scss';

// -----------------------------------------------------------------------------
// Components
// -----------------------------------------------------------------------------

@import 'components/code.scss';
@import 'components/component.scss';
@import 'components/component-list.scss';
@import 'components/component-preview.scss';
@import 'components/file-browser.scss';
@import 'components/icon-link.scss';
@import 'components/main-navigation.scss';
@import 'components/toggle-button.scss';
@import 'components/notification.scss';
@import 'components/page.scss';
@import 'components/pagination.scss';
@import 'components/prose.scss';
@import 'components/status.scss';
@import 'components/status-table.scss';
@import 'components/variant.scss';