$brand-inverse: $gray-dark !default;
// Spacing
-
-$spacer: 0.5rem;
+$spacer: 8px;
$spacer-x: $spacer;
$spacer-y: $spacer;
$spacers: (
// Body
//
// Settings for the `<body>` element.
-
$body-bg: $blue_grey_50;
$body-color: $blue_grey_900;
$inverse-bg: $gray-dark !default;
$inverse-color: $gray-lighter !default;
// Links
-
$link-color: $red_900;
$link-hover-color: darken($link-color, 15%);
$link-hover-decoration: none;
-// Grid
+// Grid breakpoints
+//
+// Define the minimum dimensions at which your layout will change,
+// adapting to different screen sizes, for use in media queries.
+$grid-breakpoints: (
+ xs: 0,
+ sm: 576px,
+ md: 768px,
+ lg: 992px,
+ xl: 1200px
+) !default;
+@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
+@include _assert-starts-at-zero($grid-breakpoints);
+// Grid
$grid-columns: 12 !default;
$grid-gutter-width-base: 24px;
$grid-gutter-widths: (
);
// Fonts
-
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500');
$font-family-sans-serif: 'Ubuntu', sans-serif;
$font-family-base: $font-family-sans-serif;
-$font-size-lg: 1.25rem;
+$font-size-lg: 20px;
$font-weight-normal: 400;
$font-weight-bold: 500;
$font-weight-base: $font-weight-normal;
-$font-size-h1: 2.25rem;
-$font-size-h2: 2rem;
-$font-size-h3: 1.5rem;
-$font-size-h4: 1.25rem;
-$font-size-h5: 1rem;
-$font-size-h6: 0.75rem;
+$font-size-h1: 36px;
+$font-size-h2: 32px;
+$font-size-h3: 24px;
+$font-size-h4: 20px;
+$font-size-h5: 16px;
+$font-size-h6: 12px;
$headings-font-weight: 400;
-$display1-size: 7.5rem;
-$display2-size: 3rem;
-$display3-size: 2.25rem;
-$display4-size: 1.5rem;
+$display1-size: 120px;
+$display2-size: 48px;
+$display3-size: 32px;
+$display4-size: 24px;
-$lead-font-size: 1.5rem;
+$lead-font-size: 24px;
-$small-font-size: .875rem;
+$small-font-size: 14px;
// Buttons
-
-$btn-padding-x: 1rem;
-$btn-padding-y: .5rem !default;
+$btn-padding-x: 16px;
+$btn-padding-y: 8px;
$btn-line-height: .95;
$btn-font-weight: 600;
$btn-box-shadow: none;
$btn-link-disabled-color: $gray-light !default;
-$btn-padding-x-sm: .5rem !default;
-$btn-padding-y-sm: .25rem !default;
+$btn-padding-x-sm: 8px;
+$btn-padding-y-sm: 4px;
-$btn-padding-x-lg: 2rem;
-$btn-padding-y-lg: .75rem !default;
+$btn-padding-x-lg: 32px;
+$btn-padding-y-lg: 12px;
-$btn-block-spacing-y: .5rem !default;
-$btn-toolbar-margin: .5rem !default;
+$btn-block-spacing-y: 8px;
+$btn-toolbar-margin: 8px;
// Allows for customizing button radius independently from global border radius
-$btn-border-radius-lg: .125rem;
+$btn-border-radius-lg: 2px;
$input-btn-border-width: $border-width;
// Navs
-
-$nav-item-margin: 1.5rem;
-$nav-item-inline-spacer: 1rem !default;
-$nav-link-padding: .5em 1.5em;
+$nav-item-margin: 24px;
+$nav-item-inline-spacer: 16px;
+$nav-link-padding: 8px 24px;
$nav-link-hover-bg: $gray-lighter !default;
$nav-disabled-link-color: $gray-light !default;
// Navbar
-
$navbar-padding-x: $spacer;
$navbar-padding-y: $spacer;