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.
 
 
 
 
 
 

57 lines
1.4 KiB

// 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
);
$fa-font-path: '../node_modules/font-awesome/fonts/';
$font-8: 0.5rem; /* 8px */
$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-26: 1.625rem; /* 26px */
$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 */
$font-alert: 8rem; /* ?px */
$icon: 'FontAwesome';
@each $size in 8, 10, 12, 13, 14, 15, 16, 18, 20, 22, 24, 26, 28, 30, 34, 40, 45, 48, 53 {
.font-#{$size} {font-size: #{$size/16}rem !important;}
}
$alpha: rgba(255,255,255,0.6);
$green: #4e984a;
$light-green: #71986e;
$red: #bf0f3d;
$grey: #ddd;
$light-grey: #f2f2f2;
$dark-grey: #2f2f2f;