new layouts

_sass/_bootstrap.scss

@@ -0,0 +1,58 @@
+$brand-primary: #3c8dbc;
+$brand-danger: #dd4b39;
+$brand-success: #00a65a;
+$brand-info: #555555;
+$brand-warning: #f39c12;
+$brand-primary-accent: darken($brand-primary, 15%);
+$brand-secondary: #2c3e50;
+$brand-dark-accent: #222d32;
+
+$font-size-base: 18px;
+$font-family-sans-serif: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+$headings-font-family: "Open Sans", sans-serif;
+$text-color: $brand-secondary;
+$gray-lighter: lighten(#000, 93.5%);
+
+$navbar-height: 80px;
+$navbar-margin-bottom: 0;
+$navbar-border-radius: 0;
+
+//=== Inverted navbar
+// Reset inverted navbar basics
+$navbar-inverse-color: #fff;
+$navbar-inverse-bg: $brand-primary;
+$navbar-inverse-border: $brand-primary;
+
+// Inverted navbar links
+$navbar-inverse-link-color: #fff;
+$navbar-inverse-link-hover-color: lighten($brand-primary, 35%);
+$navbar-inverse-link-hover-bg: transparent;
+$navbar-inverse-link-active-color: #fff;
+$navbar-inverse-link-active-bg: $brand-primary;
+$navbar-inverse-link-disabled-color: #444;
+$navbar-inverse-link-disabled-bg: transparent;
+
+// Inverted navbar brand label
+$navbar-inverse-brand-color: $navbar-inverse-link-color;
+$navbar-inverse-brand-hover-color: #fff;
+$navbar-inverse-brand-hover-bg: transparent;
+
+// Inverted navbar toggle
+$navbar-inverse-toggle-hover-bg: $brand-primary-accent;
+$navbar-inverse-toggle-icon-bar-bg: #fff;
+$navbar-inverse-toggle-border-color: darken($brand-primary, 5%);
+
+//== Container sizes
+$grid-gutter-width: 30px !default;
+// Large screen / wide desktop
+$container-large-desktop: (940px + $grid-gutter-width) !default;
+//** For `$screen-lg-min` and up.
+$container-lg: $container-large-desktop !default;
+
+// Screen sizes
+
+$screen-xxs: 375px;
+$screen-xxs-min: 375px;
+$screen-xxs-max: ($screen-xxs-min - 1);
+
+@import "../node_modules/bootstrap-sass/assets/stylesheets/bootstrap";