|
|
|
|
// Bootstrap Settings
|
|
|
|
|
$grid-columns: 12;
|
|
|
|
|
$grid-gutter-width: 20px;
|
|
|
|
|
|
|
|
|
|
$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: 1240px,
|
|
|
|
|
xl: 1560px
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
// Hamburgers Settings
|
|
|
|
|
|
|
|
|
|
$hamburger-padding-x : 15px;
|
|
|
|
|
$hamburger-padding-y : 15px;
|
|
|
|
|
$hamburger-layer-width : 40px;
|
|
|
|
|
$hamburger-layer-height : 4px;
|
|
|
|
|
$hamburger-layer-spacing : 8px;
|
|
|
|
|
$hamburger-layer-color : white;
|
|
|
|
|
$hamburger-layer-border-radius : 4px;
|
|
|
|
|
$hamburger-hover-opacity : 0.7;
|
|
|
|
|
$hamburger-hover-transition-duration : 0.15s;
|
|
|
|
|
$hamburger-hover-transition-timing-function: linear;
|
|
|
|
|
|
|
|
|
|
$hamburger-hover-use-filter: false;
|
|
|
|
|
$hamburger-hover-filter : opacity(50%);
|
|
|
|
|
|
|
|
|
|
$hamburger-types: (
|
|
|
|
|
elastic,
|
|
|
|
|
minus,
|
|
|
|
|
spin,
|
|
|
|
|
squeeze
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
$fa-font-path: '../node_modules/font-awesome/fonts/';
|
|
|
|
|
|
|
|
|
|
$font-10: 0.625rem; /* 10px */
|
|
|
|
|
$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-28: 1.75rem; /* 28px */
|
|
|
|
|
$font-30: 1.875rem; /* 30px */
|
|
|
|
|
$font-34: 2.125rem; /* 34px */
|
|
|
|
|
$font-40: 2.5rem; /* 40px */
|
|
|
|
|
$font-45: 2.812rem; /* 45px */
|
|
|
|
|
$font-48: 3rem; /* 48px */
|
|
|
|
|
$font-53: 3.312rem; /* 53px */
|
|
|
|
|
|
|
|
|
|
@each $size in 10, 12, 13, 14, 15, 16, 18, 20, 22, 24, 28, 30, 34, 40, 45, 48, 53 {
|
|
|
|
|
.font-#{$size} {font-size: #{$size/16}rem !important;}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$alpha: rgba(255,255,255,0.6);
|
|
|
|
|
$green: #2e981e;//#67a562;
|
|
|
|
|
$red: #aa0000;
|
|
|
|
|
$grey: #aaa;
|
|
|
|
|
$light-grey: #eceeef;
|
|
|
|
|
$dark-grey: #666;
|
