/* ========================================================================== Colors ========================================================================== */ $base-color: #2c3e50; // Midnight blue $primary-color: #31acaa; // Belize Hole $secondary-color: #3498db; // Purple // $tertiary-color: #ffffff; // Undefined $danger-color: #ea4f54; // Red $success-color: $primary-color; // lime $warning-color: #f6d55f; // Yellow $info-color: #008CBA; // Blue $link-color: $primary-color; $base-alpha-color: rgba($base-color, 0.12); /* ========================================================================== Typography ========================================================================== */ /** * $base-* refers to the base styles when there's nothing else to override them. */ $base-font-color: $base-color; $base-font-family: "Exo 2", "Helvetica Neue", Helvetica, Arial, sans-serif; $base-font-style: normal; $base-font-light: 300; $base-font-regular: 400; $base-font-bold: 700; $base-font-weight: $base-font-regular; $code-font-family: Menlo, Monaco, Consolas, "Courier New", monospace; /* ========================================================================== Decoration ========================================================================== */ /* Border radius */ $global-radius: 0.25rem; $semi-radius: $global-radius/2; $global-rounded: 60rem; /* ========================================================================== Spacing and media queries ========================================================================== */ /* Rows */ $row-min-width: 320px; $row-max-width: 1280px; $jeet-max-width: $row-max-width; // reset jeet.gs max width /* Media queries */ $xsmall-range: (0, 543px); $small-range: (544px, 767px); $medium-range: (768px, 991px); $large-range: (992px, 1199px); $xlarge-range: (1200px); $screen: "only screen"; /* Spacing */ $global-spacing: 1rem; $section-spacing: 4rem;