/* Variables * =============== * * All variables and most of the configuration is defined on this page. */ /*== Colors*/ /**/ /*## Gray and brand colors for use across theme.*/ $orange: #FFF; $gray-base: #4c4c4d; $black: #000; $primary-color: $black; $secondary-color: #6600cc; $brand-success: #5cb85c; $brand-info: #5bc0de; $brand-warning: #f0ad4e; $brand-danger: #080101; $base-color: #3b3b3b; $base-color-theme: #06b447; /*== Scaffolding*/ /**/ /*## Settings for some of the most global styles.*/ /*** Background color for ``.*/ $body-bg: #fff; /*** Global text color on ``.*/ $text-color: $gray-base; /*** Global textual link color.*/ $link-color: $primary-color; // /*** Link hover color set via `darken()` function.*/ $link-hover-color: darken($link-color, 15%); //** Link hover decoration. $link-hover-decoration: underline !default; //== Paths Paths // //## Fonts and imaage paths $font-path-url: "../fonts"; $img-path-url: "../imgs"; //== Typography // //## Font, line-height, and color for body text, headings, and more. $font-family-primary: 'Lato', sans-serif; $font-family-secondary: 'Merriweather', serif; $line-height-base: 1.8; /* 20/14*/ $font-weight-base: 400; // $font-size-base: 16px; $font-size-h1: 3.6rem; $font-size-h2: 3rem; $font-size-h3: 2.4rem; $font-size-h4: 1.8rem; $font-size-h5: 1.4rem; $font-size-h6: 1.2rem; /*** By default, this inherits from the ``.*/ $headings-font-family: inherit !default; $headings-font-weight: 900 !default; $headings-line-height: 1.1 !default; $headings-color: inherit !default; /* spacing */ $padding: 2rem; $margins: 1.5rem; $content-padding: 60px 0; $content-padding-mobile: 30px 0; /*== Buttons*/ /**/ /*## For each of Theme buttons, define text, background and border color.*/ $button-font-weight: normal; $button-font-family: $font-family-primary; $button-font-size: 14px; $button-base-vertical: 6px; $button-base-horizontal: 12px; $btn-theme-color: #fff; $btn-theme-bg: $primary-color; $btn-theme-border: darken($btn-theme-bg, 5%); // Allows for customizing button radius independently from global border radius $btn-border-radius-base: 0 !default; //== Grid system // //## Define your custom responsive grid. //** Padding between columns. Gets divided in half for the left and right. $gutter: 30px; /*== Overlays*/ /**/ /*## Color overlays over images on banner or image grid galleries*/ $color-image-overlay: $black; $opacity-image-overlay: 0.6; $font-weight-thin: 100; $font-weight-light: 300;