|
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700,300");
|
|
// Grid columns
|
//
|
// Set the number of columns and specify the width of the gutters.
|
|
$grid-columns: 12 !default;
|
$grid-gutter-width: 1.5rem !default; // 24px
|
|
|
|
//Bootstrap overwrite
|
|
$gray-dark: #373a3c;
|
$gray: #55595c;
|
$gray-light: #818a91;
|
$gray-lighter: #eceeef;
|
$gray-lightest: #f7f7f9;
|
|
$brand-primary: #039cfd;
|
$brand-success: #1bb99a;
|
$brand-info: #3db9dc;
|
$brand-warning: #f1b53d;
|
$brand-danger: #ff5d48;
|
|
|
// Custom colors
|
$white: #ffffff;
|
$custom: #64b0f2;
|
$dark: #2b3d51;
|
$pink: #ff7aa3;
|
$purple: #9261c6;
|
|
|
$body-bg: #f5f5f5;
|
$body-color: $dark;
|
|
|
|
|
// Links
|
//
|
// Style anchor elements.
|
|
$link-color: $custom;
|
$link-hover-color: darken($link-color, 15%) !default;
|
$link-hover-decoration: none;
|
|
// Typography
|
//
|
// Font, line-height, and color for body text, headings, and more.
|
|
$font-family-sans-serif: 'Roboto', sans-serif;
|
|
// Pixel value used to responsively scale all typography. Applied to the `<html>` element.
|
$font-size-root: 14px !default;
|
$font-size-base: 1rem !default;
|
|
|
// Form states and alerts
|
//
|
// Define colors for form feedback states and, by default, alerts.
|
|
$state-success-text: #1bb99a !default;
|
$state-success-bg: #B6E9DF !default;
|
$state-success-border: darken($state-success-bg, 5%) !default;
|
|
$state-info-text: #23a0c3 !default;
|
$state-info-bg: #ABDBE8 !default;
|
$state-info-border: darken($state-info-bg, 7%) !default;
|
|
$state-warning-text: #eaa211 !default;
|
$state-warning-bg: #FAE8C4 !default;
|
$state-warning-border: darken($state-warning-bg, 5%) !default;
|
|
$state-danger-text: #ff3015 !default;
|
$state-danger-bg: #FFCCC5 !default;
|
$state-danger-border: darken($state-danger-bg, 5%) !default;
|
|
|
//Import bootstrap variables
|
@import "bootstrap/variables";
|
