You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
76 lines
1.8 KiB
76 lines
1.8 KiB
5 years ago
|
// Bootstrap variables
|
||
|
|
$grid-breakpoints: (
|
||
|
|
xs: 0,
|
||
|
|
sm: 576px,
|
||
|
|
md: 768px,
|
||
|
|
lg: 992px,
|
||
|
|
xl: 1200px
|
||
|
|
);
|
||
|
|
|
||
|
|
$container-max-widths: (
|
||
|
|
sm: 540px,
|
||
|
|
md: 720px,
|
||
|
|
lg: 960px,
|
||
|
|
xl: 1140px
|
||
|
|
);
|
||
|
|
|
||
|
|
$grid-columns: 12;
|
||
|
|
$grid-gutter-width: 30px;
|
||
|
|
|
||
|
|
$header-height: 80px;
|
||
|
|
$breadcrumb-height: 60px;
|
||
|
|
|
||
|
|
// Colors
|
||
|
|
$white: #fff;
|
||
|
|
$black: #000;
|
||
|
|
$gray: #e8e8e8;
|
||
|
|
$gray2: #666;
|
||
|
|
$light-gray: #f5f5f5;
|
||
|
|
$light-gray2: #c3c3c3;
|
||
|
|
$dark-gray: #47464e;
|
||
|
|
$dark-gray2: #2c2c2c;
|
||
|
|
$gold: #f1c060;
|
||
|
|
$red: #ea2d31;
|
||
|
|
$green: #55aa2a;
|
||
|
|
$blue: #3785ff;
|
||
|
|
|
||
|
|
$white-alpha: rgba(255, 255, 255, 0.9);
|
||
|
|
$white-alpha-light: rgba(255, 255, 255, 0.2);
|
||
|
|
|
||
|
|
// Fonts
|
||
|
|
$font-primary: 'Akzidenz';
|
||
|
|
$font-secondary: 'Akzidenz';
|
||
|
|
$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 */
|