@import “neat-helpers”;
// Image assets $assets: “{{ site.baseurl }}/assets/img”;
// Grid Settings $disable-warnings: true; $border-box-sizing: true; $section-pad: 100px; $outer-pad: 20px; $header-height: 65px; $base-border-radius: 4px; $max-width: 1100px + $outer-pad * 2;
// Breakpoints $desktop-hd: new-breakpoint(min-width 1140px 12); $desktop: new-breakpoint(min-width 900px 12); $tablet: new-breakpoint(max-width 900px 12); $mobile: new-breakpoint(max-width 700px 12);
// Fonts $base-font-family: “adelle-sans”, sans-serif; $serif-font-family: “adelle-sans”, sans-serif; $base-font-size: 1em; $base-line-height: 1.6; $heading-line-height: 1.4; $base-spacing: $base-line-height * 1em; $small-spacing: $base-spacing / 2;
// Colors $background-color: #F9F9F9; $background-color-grey: f1f1f0; $base-border-color: d9d9de; $base-border: 1px solid $base-border-color;
$primary-color: #2E9FFF; $primary-color-light: lighten($primary-color, 20%); $primary-color-dark: darken($primary-color, 10%);
$charcoal-grey: #232c39; $white: ffffff; $black: #000000;
$green: #2dd7aa; $purple: #8030e1; $orange: ffbb24; $orange-red: ff6f42; $red: ef3e4d; $green-dark: darken($green, 10%); $purple-dark: darken($purple, 10%); $orange-dark: darken($orange, 10%); $orange-red-dark: darken($orange-red, 10%); $red-dark: darken($red, 10%);
// Font colors $text-color: rgba($black, 0.6); $heading-color: rgba($black, 0.7);
// Animation curves $CurveFastOutSlowIn: cubic-bezier(0.4, 0.0, 0.2, 1); $CurveLinearOutSlowIn: cubic-bezier(0.0, 0.0, 0.2, 1); $CurveFastOutLinearIn: cubic-bezier(0.4, 0.0, 1, 1);