|
|
|
|
// Bootstrap variables
|
|
|
|
|
$grid-breakpoints: (
|
|
|
|
|
xs: 0,
|
|
|
|
|
sm: 576px,
|
|
|
|
|
md: 768px,
|
|
|
|
|
lg: 992px,
|
|
|
|
|
xl: 1440px
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
$container-max-widths: (
|
|
|
|
|
sm: 540px,
|
|
|
|
|
md: 720px,
|
|
|
|
|
lg: 960px,
|
|
|
|
|
xl: 1418px
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
$grid-columns: 12;
|
|
|
|
|
$grid-gutter-width: 30px;
|
|
|
|
|
|
|
|
|
|
$header-height: 80px;
|
|
|
|
|
$breadcrumb-height: 60px;
|
|
|
|
|
|
|
|
|
|
// Colors
|
|
|
|
|
$white: #fff;
|
|
|
|
|
$black: #000;
|
|
|
|
|
$gray: #999;
|
|
|
|
|
$light-gray: #eee;
|
|
|
|
|
$dark-gray: #333;
|
|
|
|
|
|
|
|
|
|
$yellow: #a2dc02;
|
|
|
|
|
|
|
|
|
|
$white-alpha: rgba(255, 255, 255, 0.8);
|
|
|
|
|
$black-alpha: rgba(0, 0, 0, 0.8);
|
|
|
|
|
$yellow-alpha: rgba(160, 220, 0, 0.8);
|
|
|
|
|
|
|
|
|
|
// Fonts
|
|
|
|
|
$font-primary: 'Abel';
|
|
|
|
|
$font-secondary: 'Abel';
|
|
|
|
|
$font-icon: 'icomoon';
|
|
|
|
|
|
|
|
|
|
// Font-size variables
|
|
|
|
|
$font-7: 0.437rem; /* 8px */
|
|
|
|
|
$font-8: 0.5rem; /* 8px */
|
|
|
|
|
$font-10: 0.625rem; /* 10px */
|
|
|
|
|
$font-11: 0.6875rem; /* 11px */
|
|
|
|
|
$font-12: 0.75rem; /* 12px */
|
|
|
|
|
$font-13: 0.812rem; /* 13px */
|
|
|
|
|
$font-14: 0.875rem; /* 14px */
|
|
|
|
|
$font-15: 0.937rem; /* 15px */
|
|
|
|
|
$font-16: 1rem; /* 16px */
|
|
|
|
|
$font-18: 1.125rem; /* 18px */
|
|
|
|
|
$font-20: 1.25rem; /* 20px */
|
|
|
|
|
$font-22: 1.375rem; /* 22px */
|
|
|
|
|
$font-24: 1.5rem; /* 24px */
|
|
|
|
|
$font-26: 1.625rem; /* 26px */
|
|
|
|
|
$font-28: 1.75rem; /* 28px */
|
|
|
|
|
$font-30: 1.875rem; /* 30px */
|
|
|
|
|
$font-32: 2rem; /* 32px */
|
|
|
|
|
$font-34: 2.125rem; /* 34px */
|
|
|
|
|
$font-36: 2.25rem; /* 36px */
|
|
|
|
|
$font-38: 2.375rem; /* 38px */
|
|
|
|
|
$font-40: 2.5rem; /* 40px */
|
|
|
|
|
$font-42: 2.625rem; /* 42px */
|
|
|
|
|
$font-44: 2.75rem; /* 44px */
|
|
|
|
|
$font-46: 2.875rem; /* 46px */
|
|
|
|
|
$font-48: 3rem; /* 48px */
|
|
|
|
|
$font-50: 3.125rem; /* 50px */
|
|
|
|
|
$font-52: 3.25rem; /* 52px */
|
|
|
|
|
$font-54: 3.375rem; /* 54px */
|
|
|
|
|
$font-60: 3.75rem; /* 60px */
|
|
|
|
|
$font-72: 4.5rem; /* 72px */
|
