$grid_max_width: {{ .Site.Data.grid.grid_max_width }};
$grid_max_unit: {{ .Site.Data.grid.grid_max_unit }};
$grid_main_main_width: {{ .Site.Data.grid.grid_main_main_width }};
$grid_main_main_unit: {{ .Site.Data.grid.grid_main_main_unit }};
$grid_main_side_width: {{ .Site.Data.grid.grid_main_side_width }};
$grid_main_side_unit: {{ .Site.Data.grid.grid_main_side_unit }};
$grid_column_gap_width: {{ .Site.Data.grid.grid_column_gap_width }};
$grid_column_gap_unit: {{ .Site.Data.grid.grid_column_gap_unit }};
$grid_navbar_height: {{ .Site.Data.grid.grid_navbar_height }};
$grid_row_gap: {{ .Site.Data.grid.grid_row_gap }};

$custom_theme_primary_color: {{ .Site.Data.skin.custom_theme_primary_color }};
$chroma_theme: {{ .Site.Data.skin.chroma_theme }};

$title-font: {{ .Site.Data.font.title_font }};
$content-font: {{ .Site.Data.font.content_font }};

@import 'abstracts/variables';
@import 'abstracts/mixins';
@import 'abstracts/functions';
@import 'abstracts/flexbox';

@import 'syntax/syntax';

@import 'base/reset';
@import 'base/fonts';
@import 'base/helpers';
@import 'base/typography';
@import 'base/animation';

@import 'layout/navigation';
@import 'layout/grid';
@import 'layout/header';
@import 'layout/footer';
@import 'layout/sidebar';

@import 'components/alert';
@import 'components/bio';
@import 'components/breadcrumb';
@import 'components/diagram';
@import 'components/expand';
@import 'components/gtt';
@import 'components/hr';
@import 'components/math';
@import 'components/notice';
@import 'components/pagination';
@import 'components/related';
@import 'components/search';
@import 'components/summary';
@import 'components/swiper';
@import 'components/switch';
@import 'components/taxo';
@import 'components/toc';
@import 'components/tooltip';
@import 'components/whoami';
@import 'components/busuanzi';
@import 'components/donation';

@import 'pages/404';
@import 'pages/about';
@import 'pages/archive';
@import 'pages/body';
@import 'pages/gallery';
@import 'pages/list';
@import 'pages/single';
@import 'pages/terms';