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.
88 lines
2.1 KiB
88 lines
2.1 KiB
// Bootstrap Settings
|
|
|
|
$spacer: 20px;
|
|
$spacers: (
|
|
0: 0,
|
|
1: ($spacer * .25), // 5px
|
|
2: ($spacer * .5), // 10px
|
|
3: $spacer, // 20px
|
|
4: ($spacer * 1.5), // 30px
|
|
5: ($spacer * 3), // 60px
|
|
6: ($spacer * 6), // 120px
|
|
);
|
|
|
|
$grid-columns: 12;
|
|
$grid-gutter-width: 20px;
|
|
$grid-gutter-width-mobile: 5px;
|
|
|
|
$grid-breakpoints: (
|
|
xs: 0, // Mobile Portrait
|
|
sm: 768px, // Tablet Portrait
|
|
md: 1024px, // Tablet landscape/Small desktop
|
|
lg: 1280px, // Desktop
|
|
xl: 1600px, // Large desktop
|
|
);
|
|
|
|
$container-max-widths: (
|
|
sm: 708px,
|
|
md: 984px,
|
|
lg: 1200px,
|
|
xl: 1560px
|
|
);
|
|
|
|
|
|
$font-serif: 'Roboto';
|
|
$font-sans: 'Roboto';
|
|
$icon: 'icomoon';
|
|
|
|
$black: #000;
|
|
$white: #fff;
|
|
$grey: #c2c0bd;
|
|
$light-grey: #E4E9ED;
|
|
$dark-grey: #5A6B73;
|
|
|
|
$red: #ea0032;
|
|
$light-green: #8cd69b;
|
|
$blue: #16ACBB;
|
|
$yellow: #FFD600;
|
|
|
|
$white-alpha: rgba(255, 255, 255, 0.8);
|
|
$black-alpha: rgba(0, 0, 0, 0.8);
|
|
$grey-alpha: rgba(180, 180, 180, 0.6);
|
|
|
|
$header-height: 130px;
|
|
$header-height-mobile: 50px;
|
|
$footer-height: 65px;
|
|
|
|
/* Font-size variables */
|
|
$font-6: 0.375rem; /* 6px */
|
|
$font-8: 0.5rem; /* 8px */
|
|
$font-10: 0.625rem; /* 10px */
|
|
$font-11: 0.687rem; /* 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-25: 1.56rem; /* 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 */
|