/*----------------------------------------------------------------------------*\ Vars \*----------------------------------------------------------------------------*/ /* Variables \*----------------------------------------------------------------------------*/ $base-font-size: 1.6rem; $base-line-height: 2.4rem; $base-font-weight: 400; $container-width: 120rem; // Bootstrap container width ( minus gutter width ) $gutter-width: 3rem; // Bootstrap gutter width / 3em/2 = 1.5 rem padding each column /* breakpoints */ $breakpoints: ( 'xs' '(max-width: 576px)', 'sm' '(min-width: 576px)', 'md' '(min-width: 768px)', 'lg' '(min-width: 992px)', 'xl' '(min-width: 1200px)', 'xxl' '(min-width: 1450px)', 'lap' '(min-width: 1025px) and (max-width: 1450px)' ); /* helpers */ $use-helpers: false; $breakpoint-has-helpers: ('xs', 'sm', 'md', 'lg', 'xl', 'lap'); $use-spacing-helpers: true; // Loop through $breakpoint-has-spacing-helpers breakpoints and create p-t-5--md and p-l-40--xs ... $spacing-steps-amount: 20; /* amount = * 5 */ $breakpoint-has-spacing-helpers: ('xs', 'sm', 'md', 'lg', 'xl'); $use-color-helpers: true; // Loop through colors array below and creates the bg--, color-- and fill-- classes /* Modules */ $use-buttons: true; /* fixed ratio */ $use-fixedratio: false; /* images */ $use-image: false; $breakpoint-has-images: ('xs', 'sm', 'md', 'lg', 'lap'); /* Form elements */ $use-forms: true; /* Table elements */ $use-table: true; /* Sitekick - front-end fixes */ $use-sitekick: true; /*----------------------------------------------------------------------------*\ $TYPOGRAPHY \*----------------------------------------------------------------------------*/ $fontsize-xl: 4.2rem; $fontsize-l: 2.6rem; $fontsize-m: $base-font-size; $fontsize-s: 1.4rem; @font-face { font-family: 'Axiforma-Book'; src: url('/igolf/fonts/Axiforma-Book/font.woff2') format('woff2'), url('../fonts/Axiforma-Book/font.woff') format('woff'); } @font-face { font-family: 'Axiforma-Bold'; src: url('/igolf/fonts/Axiforma-Bold/font.woff2') format('woff2'), url('../fonts/Axiforma-Bold/font.woff') format('woff'); } @font-face { font-family: 'Axiforma-Medium'; src: url('/igolf/fonts/Axiforma-Medium/font.woff2') format('woff2'), url('../fonts/Axiforma-Medium/font.woff') format('woff'); } $font-base: 'Axiforma-Book'; $font-heading: 'Axiforma-Medium'; $font-bold: 'Axiforma-Bold'; /*----------------------------------------------------------------------------*\ $COLORS \*----------------------------------------------------------------------------*/ $colors: ( brand: #122836, brand-sec: #FFFFFF, black: #000000, blue: #2A58A7, green: #1CC961, grey: #f5f5f5, red: #cd2c2c );