bootswatch-rails 3.2.0 → 3.2.2

data/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss

@@ -7,9 +7,9 @@
 //
 //## Gray and brand colors for use across Bootstrap.
 
+$gray:                   lighten(#000, 33.5%) !default; // #555
 $gray-darker:            lighten(#000, 13.5%) !default; // #222
 $gray-dark:              lighten(#000, 20%) !default;   // #333
-$gray:                   lighten(#000, 33.5%) !default; // #555
 $gray-light:             lighten(#000, 60%) !default;   // #999
 $gray-lighter:           lighten(#000, 93.5%) !default; // #eee
 
@@ -18,8 +18,7 @@ $brand-success:         #28B62C !default;
 $brand-info:            #75CAEB !default;
 $brand-warning:         #FF851B !default;
 $brand-danger:          #FF4136 !default;
-$navbar-default-bg:                #f8f8f8 !default;
-$navbar-default-border:            darken($navbar-default-bg, 6.5%) !default;
+
 
 //== Scaffolding
 //
@@ -80,25 +79,17 @@ $icon-font-name:          "glyphicons-halflings-regular" !default;
 $icon-font-svg-id:        "glyphicons_halflingsregular" !default;
 
 
-//== Wells
-//
-//##
-
-$well-bg:                     #fafafa !default;
-$well-border:                 darken($well-bg, 7%) !default;
-
-
 //== Components
 //
 //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
 
-$padding-base-vertical:     6px !default;
+$padding-base-vertical:     7px !default;
 $padding-base-horizontal:   12px !default;
 
-$padding-large-vertical:    10px !default;
+$padding-large-vertical:    13px !default;
 $padding-large-horizontal:  16px !default;
 
-$padding-small-vertical:    5px !default;
+$padding-small-vertical:    4px !default;
 $padding-small-horizontal:  10px !default;
 
 $padding-xs-vertical:       1px !default;
@@ -132,7 +123,7 @@ $table-cell-padding:            8px !default;
 $table-condensed-cell-padding:  5px !default;
 
 //** Default background color used for all tables.
-$table-bg:                      hsla(0, 100%, 100%, 0) !default;
+$table-bg:                      transparent !default;
 //** Background color used for `.table-striped`.
 $table-bg-accent:               #f9f9f9 !default;
 //** Background color used for `.table-hover`.
@@ -175,6 +166,120 @@ $btn-danger-border:              darken($btn-danger-bg, 5%) !default;
 
 $btn-link-disabled-color:        $gray-light !default;
 
+//== Media queries breakpoints
+//
+//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
+
+// Extra small screen / phone
+//** Deprecated `@screen-xs` as of v3.0.1
+$screen-xs:                  480px !default;
+//** Deprecated `@screen-xs-min` as of v3.2.0
+$screen-xs-min:              $screen-xs !default;
+//** Deprecated `@screen-phone` as of v3.0.1
+$screen-phone:               $screen-xs-min !default;
+
+// Small screen / tablet
+//** Deprecated `@screen-sm` as of v3.0.1
+$screen-sm:                  768px !default;
+$screen-sm-min:              $screen-sm !default;
+//** Deprecated `@screen-tablet` as of v3.0.1
+$screen-tablet:              $screen-sm-min !default;
+
+// Medium screen / desktop
+//** Deprecated `@screen-md` as of v3.0.1
+$screen-md:                  992px !default;
+$screen-md-min:              $screen-md !default;
+//** Deprecated `@screen-desktop` as of v3.0.1
+$screen-desktop:             $screen-md-min !default;
+
+// Large screen / wide desktop
+//** Deprecated `@screen-lg` as of v3.0.1
+$screen-lg:                  1200px !default;
+$screen-lg-min:              $screen-lg !default;
+//** Deprecated `@screen-lg-desktop` as of v3.0.1
+$screen-lg-desktop:          $screen-lg-min !default;
+
+// So media queries don't overlap when required, provide a maximum
+$screen-xs-max:              ($screen-sm-min - 1) !default;
+$screen-sm-max:              ($screen-md-min - 1) !default;
+$screen-md-max:              ($screen-lg-min - 1) !default;
+
+
+//== Grid system
+//
+//## Define your custom responsive grid.
+
+//** Number of columns in the grid.
+$grid-columns:              12 !default;
+//** Padding between columns. Gets divided in half for the left and right.
+$grid-gutter-width:         30px !default;
+// Navbar collapse
+//** Point at which the navbar becomes uncollapsed.
+$grid-float-breakpoint:     $screen-sm-min !default;
+//** Point at which the navbar begins collapsing.
+$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
+
+
+//== Navbar
+//
+//##
+
+// Basics of a navbar
+$navbar-height:                    50px !default;
+$navbar-margin-bottom:             $line-height-computed !default;
+$navbar-border-radius:             $border-radius-base !default;
+$navbar-padding-horizontal:        floor(($grid-gutter-width / 2)) !default;
+$navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2) !default;
+$navbar-collapse-max-height:       340px !default;
+
+$navbar-default-color:             $text-color !default;
+$navbar-default-bg:                #f8f8f8 !default;
+$navbar-default-border:            darken($navbar-default-bg, 6.5%) !default;
+
+// Navbar links
+$navbar-default-link-color:                $gray-light !default;
+$navbar-default-link-hover-color:          $gray-dark !default;
+$navbar-default-link-hover-bg:             transparent !default;
+$navbar-default-link-active-color:         $navbar-default-link-hover-color !default;
+$navbar-default-link-active-bg:            transparent !default;
+$navbar-default-link-disabled-color:       $gray-lighter !default;
+$navbar-default-link-disabled-bg:          transparent !default;
+
+// Navbar brand label
+$navbar-default-brand-color:               $navbar-default-link-hover-color !default;
+$navbar-default-brand-hover-color:         $navbar-default-link-hover-color !default;
+$navbar-default-brand-hover-bg:            transparent !default;
+
+// Navbar toggle
+$navbar-default-toggle-hover-bg:           #fff !default;
+$navbar-default-toggle-icon-bar-bg:        $gray-light !default;
+$navbar-default-toggle-border-color:       $gray-lighter !default;
+
+
+// Inverted navbar
+// Reset inverted navbar basics
+$navbar-inverse-color:                      $gray-light !default;
+$navbar-inverse-bg:                         #fff !default;
+$navbar-inverse-border:                     darken($navbar-inverse-bg, 10%) !default;
+
+// Inverted navbar links
+$navbar-inverse-link-color:                 $gray-light !default;
+$navbar-inverse-link-hover-color:           $gray-dark !default;
+$navbar-inverse-link-hover-bg:              transparent !default;
+$navbar-inverse-link-active-color:          $navbar-inverse-link-hover-color !default;
+$navbar-inverse-link-active-bg:             transparent !default;
+$navbar-inverse-link-disabled-color:        $gray-lighter !default;
+$navbar-inverse-link-disabled-bg:           transparent !default;
+
+// Inverted navbar brand label
+$navbar-inverse-brand-color:                $navbar-inverse-link-color !default;
+$navbar-inverse-brand-hover-color:          $navbar-inverse-link-hover-color !default;
+$navbar-inverse-brand-hover-bg:             transparent !default;
+
+// Inverted navbar toggle
+$navbar-inverse-toggle-hover-bg:            $gray-lighter !default;
+$navbar-inverse-toggle-icon-bar-bg:         $gray-light !default;
+$navbar-inverse-toggle-border-color:        $gray-lighter !default;
 
 //== Forms
 //
@@ -231,7 +336,7 @@ $dropdown-link-color:            $gray-light !default;
 //** Hover color for dropdown links.
 $dropdown-link-hover-color:      $gray-dark !default;
 //** Hover background for dropdown links.
-$dropdown-link-hover-bg:         hsla(0, 100%, 100%, 0) !default;
+$dropdown-link-hover-bg:         transparent !default;
 
 //** Active dropdown menu item text color.
 $dropdown-link-active-color:     $component-active-color !default;
@@ -264,60 +369,6 @@ $zindex-modal-background:  1040 !default;
 $zindex-modal:             1050 !default;
 
 
-//== Media queries breakpoints
-//
-//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
-
-// Extra small screen / phone
-//** Deprecated `@screen-xs` as of v3.0.1
-$screen-xs:                  480px !default;
-//** Deprecated `@screen-xs-min` as of v3.2.0
-$screen-xs-min:              $screen-xs !default;
-//** Deprecated `@screen-phone` as of v3.0.1
-$screen-phone:               $screen-xs-min !default;
-
-// Small screen / tablet
-//** Deprecated `@screen-sm` as of v3.0.1
-$screen-sm:                  768px !default;
-$screen-sm-min:              $screen-sm !default;
-//** Deprecated `@screen-tablet` as of v3.0.1
-$screen-tablet:              $screen-sm-min !default;
-
-// Medium screen / desktop
-//** Deprecated `@screen-md` as of v3.0.1
-$screen-md:                  992px !default;
-$screen-md-min:              $screen-md !default;
-//** Deprecated `@screen-desktop` as of v3.0.1
-$screen-desktop:             $screen-md-min !default;
-
-// Large screen / wide desktop
-//** Deprecated `@screen-lg` as of v3.0.1
-$screen-lg:                  1200px !default;
-$screen-lg-min:              $screen-lg !default;
-//** Deprecated `@screen-lg-desktop` as of v3.0.1
-$screen-lg-desktop:          $screen-lg-min !default;
-
-// So media queries don't overlap when required, provide a maximum
-$screen-xs-max:              ($screen-sm-min - 1) !default;
-$screen-sm-max:              ($screen-md-min - 1) !default;
-$screen-md-max:              ($screen-lg-min - 1) !default;
-
-
-//== Grid system
-//
-//## Define your custom responsive grid.
-
-//** Number of columns in the grid.
-$grid-columns:              12 !default;
-//** Padding between columns. Gets divided in half for the left and right.
-$grid-gutter-width:         30px !default;
-// Navbar collapse
-//** Point at which the navbar becomes uncollapsed.
-$grid-float-breakpoint:     $screen-sm-min !default;
-//** Point at which the navbar begins collapsing.
-$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
-
-
 //== Container sizes
 //
 //## Define the maximum width of `.container` for different screen sizes.
@@ -338,66 +389,6 @@ $container-large-desktop:      ((1140px + $grid-gutter-width)) !default;
 $container-lg:                 $container-large-desktop !default;
 
 
-//== Navbar
-//
-//##
-
-// Basics of a navbar
-$navbar-height:                    50px !default;
-$navbar-margin-bottom:             $line-height-computed !default;
-$navbar-border-radius:             $border-radius-base !default;
-$navbar-padding-horizontal:        floor(($grid-gutter-width / 2)) !default;
-$navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2) !default;
-$navbar-collapse-max-height:       340px !default;
-
-$navbar-default-color:             $text-color !default;
-
-// Navbar links
-$navbar-default-link-color:                $gray-light !default;
-$navbar-default-link-hover-color:          $gray-dark !default;
-$navbar-default-link-hover-bg:             hsla(0, 100%, 100%, 0) !default;
-$navbar-default-link-active-color:         $navbar-default-link-hover-color !default;
-$navbar-default-link-active-bg:            hsla(0, 100%, 100%, 0) !default;
-$navbar-default-link-disabled-color:       $gray-lighter !default;
-$navbar-default-link-disabled-bg:          hsla(0, 100%, 100%, 0) !default;
-
-// Navbar brand label
-$navbar-default-brand-color:               $navbar-default-link-hover-color !default;
-$navbar-default-brand-hover-color:         $navbar-default-link-hover-color !default;
-$navbar-default-brand-hover-bg:            hsla(0, 100%, 100%, 0) !default;
-
-// Navbar toggle
-$navbar-default-toggle-hover-bg:           #fff !default;
-$navbar-default-toggle-icon-bar-bg:        $gray-light !default;
-$navbar-default-toggle-border-color:       $gray-lighter !default;
-
-
-// Inverted navbar
-// Reset inverted navbar basics
-$navbar-inverse-color:                      $gray-light !default;
-$navbar-inverse-bg:                         #fff !default;
-$navbar-inverse-border:                     darken($navbar-inverse-bg, 10%) !default;
-
-// Inverted navbar links
-$navbar-inverse-link-color:                 $gray-light !default;
-$navbar-inverse-link-hover-color:           $gray-dark !default;
-$navbar-inverse-link-hover-bg:              hsla(0, 100%, 100%, 0) !default;
-$navbar-inverse-link-active-color:          $navbar-inverse-link-hover-color !default;
-$navbar-inverse-link-active-bg:             hsla(0, 100%, 100%, 0) !default;
-$navbar-inverse-link-disabled-color:        $gray-lighter !default;
-$navbar-inverse-link-disabled-bg:           hsla(0, 100%, 100%, 0) !default;
-
-// Inverted navbar brand label
-$navbar-inverse-brand-color:                $navbar-inverse-link-color !default;
-$navbar-inverse-brand-hover-color:          $navbar-inverse-link-hover-color !default;
-$navbar-inverse-brand-hover-bg:             hsla(0, 100%, 100%, 0) !default;
-
-// Inverted navbar toggle
-$navbar-inverse-toggle-hover-bg:            $gray-lighter !default;
-$navbar-inverse-toggle-icon-bar-bg:         $gray-light !default;
-$navbar-inverse-toggle-border-color:        $gray-lighter !default;
-
-
 //== Navs
 //
 //##
@@ -465,6 +456,12 @@ $pager-active-color:                   $pagination-active-color !default;
 
 $pager-disabled-color:                 $pagination-disabled-color !default;
 
+//== Wells
+//
+//##
+
+$well-bg:                     #fafafa !default;
+$well-border:                 darken($well-bg, 7%) !default;
 
 //== Jumbotron
 //
@@ -692,31 +689,31 @@ $panel-footer-padding:        $panel-heading-padding !default;
 $panel-border-radius:         $border-radius-base !default;
 
 //** Border color for elements within panels
-$panel-inner-border:          hsla(0, 100%, 100%, 0) !default;
+$panel-inner-border:          transparent !default;
 $panel-footer-bg:             #f5f5f5 !default;
 
 $panel-default-text:          $gray-dark !default;
-$panel-default-border:        hsla(0, 100%, 100%, 0) !default;
+$panel-default-border:        transparent !default;
 $panel-default-heading-bg:    #f5f5f5 !default;
 
 $panel-primary-text:          #fff !default;
-$panel-primary-border:        hsla(0, 100%, 100%, 0) !default;
+$panel-primary-border:        transparent !default;
 $panel-primary-heading-bg:    $brand-primary !default;
 
 $panel-success-text:          $state-success-text !default;
-$panel-success-border:        hsla(0, 100%, 100%, 0) !default;
+$panel-success-border:        transparent !default;
 $panel-success-heading-bg:    $state-success-bg !default;
 
 $panel-info-text:             $state-info-text !default;
-$panel-info-border:           hsla(0, 100%, 100%, 0) !default;
+$panel-info-border:           transparent !default;
 $panel-info-heading-bg:       $state-info-bg !default;
 
 $panel-warning-text:          $state-warning-text !default;
-$panel-warning-border:        hsla(0, 100%, 100%, 0) !default;
+$panel-warning-border:        transparent !default;
 $panel-warning-heading-bg:    $state-warning-bg !default;
 
 $panel-danger-text:           $state-danger-text !default;
-$panel-danger-border:         hsla(0, 100%, 100%, 0) !default;
+$panel-danger-border:         transparent !default;
 $panel-danger-heading-bg:     $state-danger-bg !default;
 
 
@@ -796,7 +793,7 @@ $carousel-caption-color:                      #fff !default;
 //##
 
 $close-font-weight:           bold !default;
-$close-color:                 #000 !default;
+$close-color:                 #fff !default;
 $close-text-shadow:           0 1px 0 #fff !default;
 
 

data/vendor/assets/stylesheets/bootswatch/paper/_bootswatch.scss

@@ -0,0 +1,420 @@
+// Paper 3.2.0
+// Bootswatch
+// -----------------------------------------------------
+
+@import url("//fonts.googleapis.com/css?family=Roboto:300,400,500");
+
+// Navbar =====================================================================
+
+.navbar {
+  border: none;
+  @include box-shadow(0 1px 2px rgba(0,0,0,.3));
+}
+
+.navbar-brand {
+  font-size: 24px;
+}
+
+.navbar-inverse {
+  .form-control {
+    color: #fff;
+    @include placeholder($navbar-inverse-link-color);
+
+    &[type=text] {
+      @include box-shadow(inset 0 -1px 0 $navbar-inverse-link-color);
+
+      &:focus {
+        @include box-shadow(inset 0 -2px 0 #fff);
+      }
+    }
+  }
+}
+
+.navbar-nav > li > .dropdown-menu {
+  margin-top: 2px;
+}
+
+// Buttons ====================================================================
+
+.btn-default {
+
+  &:hover {
+    background-color: darken($btn-default-bg, 3%);
+  }
+
+  &:active {
+    background-color: darken($btn-default-bg, 6%);
+    @include box-shadow(2px 2px 2px rgba(0,0,0,.3));
+  }
+}
+
+.btn-primary {
+
+  &:hover {
+    background-color: darken($btn-primary-bg, 3%);
+  }
+
+  &:active {
+    background-color: darken($btn-primary-bg, 6%);
+    @include box-shadow(2px 2px 2px rgba(0,0,0,.3));
+  }
+}
+.btn-success {
+
+  &:hover {
+    background-color: darken($btn-success-bg, 3%);
+  }
+
+  &:active {
+    background-color: darken($btn-success-bg, 6%);
+    @include box-shadow(2px 2px 2px rgba(0,0,0,.3));
+  }
+}
+.btn-info {
+
+  &:hover {
+    background-color: darken($btn-info-bg, 3%);
+  }
+
+  &:active {
+    background-color: darken($btn-info-bg, 6%);
+    @include box-shadow(2px 2px 2px rgba(0,0,0,.3));
+  }
+}
+.btn-warning {
+
+  &:hover {
+    background-color: darken($btn-warning-bg, 3%);
+  }
+
+  &:active {
+    background-color: darken($btn-warning-bg, 6%);
+    @include box-shadow(2px 2px 2px rgba(0,0,0,.3));
+  }
+}
+.btn-danger {
+
+  &:hover {
+    background-color: darken($btn-danger-bg, 3%);
+  }
+
+  &:active {
+    background-color: darken($btn-danger-bg, 6%);
+    @include box-shadow(2px 2px 2px rgba(0,0,0,.3));
+  }
+}
+
+.btn {
+  text-transform: uppercase;
+  border-right: none;
+  border-bottom: none;
+  @include box-shadow(1px 1px 2px rgba(0,0,0,.3));
+  @include transition(all 0.2s);
+}
+
+.btn-link {
+  @include box-shadow(none);
+
+  &:hover,
+  &:focus {
+    color: $brand-primary;
+    text-decoration: none;
+  }
+}
+
+.btn-default.disabled {
+  border: 1px solid $btn-default-border;
+}
+
+// Typography =================================================================
+
+body {
+  -webkit-font-smoothing: antialiased;
+  letter-spacing: .1px;
+  text-rendering: optimizeLegibility;
+}
+
+p {
+  margin: 0 0 1em;
+}
+
+input {
+  -webkit-font-smoothing: antialiased;
+  letter-spacing: .1px;
+  text-rendering: optimizeLegibility;
+}
+
+a {
+  @include transition(all 0.2s);
+}
+
+// Tables =====================================================================
+
+// Forms ======================================================================
+
+input[type=text],
+input[type=password],
+input[type=email],
+textarea,
+[type=text].form-control,
+[type=password].form-control,
+textarea.form-control {
+  padding: 0;
+  border: none;
+  border-radius: 0;
+  @include box-shadow(inset 0 -1px 0 #ddd);
+  font-size: 16px;
+
+  &:focus {
+    @include box-shadow(inset 0 -2px 0 $brand-primary);
+  }
+
+  &[disabled],
+  &[readonly] {
+    @include box-shadow(none);
+    border-bottom: 1px dotted #ddd;
+  }
+}
+
+select,
+select.form-control {
+  background-color: #fff;
+  border: 1px solid #ddd;
+  @include box-shadow(none);
+}
+
+.has-warning {
+  input,
+  .form-control,
+  input:focus,
+  .form-control:focus {
+    @include box-shadow(inset 0 -2px 0 $brand-warning);
+  }
+}
+
+.has-error {
+  input,
+  .form-control,
+  input:focus,
+  .form-control:focus {
+    @include box-shadow(inset 0 -2px 0 $brand-danger);
+  }
+}
+
+.has-success {
+  input,
+  .form-control,
+  input:focus,
+  .form-control:focus {
+    @include box-shadow(inset 0 -2px 0 $brand-success);
+  }
+}
+
+// Navs =======================================================================
+
+.nav-tabs {
+  & > li > a {
+    border: none;
+    margin-right: 0;
+    color: $navbar-default-link-color;
+    @include box-shadow(inset 0 -1px 0 #ddd);
+    @include transition(all 0.2s);
+
+    &:hover {
+      background-color: transparent;
+      @include box-shadow(inset 0 -2px 0 $brand-primary);
+      color: $brand-primary;
+    }
+  }
+
+  & > li.active > a {
+    border: none;
+    @include box-shadow(inset 0 -2px 0 $brand-primary);
+    color: $brand-primary;
+
+    &:hover {
+      border: none;
+    }
+  }
+
+  & > li.disabled > a {
+    @include box-shadow(inset 0 -1px 0 #ddd);
+  }
+
+  .dropdown-menu {
+    margin-top: 0;
+  }
+}
+
+.dropdown-menu {
+  border: none;
+  @include box-shadow(0 1px 4px rgba(0,0,0,.3));
+}
+
+// Indicators =================================================================
+
+.alert {
+  border: none;
+  color: #fff;
+
+  a,
+  .alert-link {
+    color: #fff;
+    font-weight: bold;
+  }
+
+  .close {
+    color: #fff;
+  }
+}
+
+.alert-success {
+  background-color: $brand-success;
+}
+
+.alert-info {
+  background-color: $brand-info;
+}
+
+.alert-warning {
+  background-color: $brand-warning;
+}
+
+.alert-danger {
+  background-color: $brand-danger;
+}
+
+.badge {
+  padding: 3px 6px 5px;
+}
+
+.progress {
+  position: relative;
+  z-index: 1;
+  height: 6px;
+  border-radius: 0;
+
+  @include box-shadow(none);
+}
+
+.progress-bar {
+  @include box-shadow(none);
+
+  &:last-child {
+    border-radius: 0 3px 3px 0;
+  }
+}
+
+.progress-bar:last-child.progress-bar:before {
+  display: block;
+  content: 'div::before';
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  right: 0;
+  z-index: -1;
+  background-color: lighten($progress-bar-bg, 35%);
+}
+
+.progress-bar-success:last-child.progress-bar:before {
+  background-color: lighten($brand-success, 35%);
+}
+
+.progress-bar-info:last-child.progress-bar:before {
+  background-color: lighten($brand-info, 45%);
+}
+
+.progress-bar-warning:last-child.progress-bar:before {
+  background-color: lighten($brand-warning, 35%);
+}
+
+.progress-bar-danger:last-child.progress-bar:before {
+  background-color: lighten($brand-danger, 25%);
+}
+
+// Progress bars ==============================================================
+
+// Containers =================================================================
+
+.close {
+  font-size: 34px;
+  font-weight: 300;
+  opacity: 0.6;
+
+  &:hover {
+    opacity: 1;
+  }
+}
+
+.list-group-item {
+  padding: 15px;
+}
+
+.list-group-item-text {
+  color: $gray-light;
+}
+
+.well {
+  border-radius: 0;
+  @include box-shadow(none);
+}
+
+.panel {
+  border: none;
+  border-radius: 2px;
+  @include box-shadow(0 1px 4px rgba(0,0,0,.3));
+}
+
+.panel-heading {
+  border-bottom: none;
+}
+
+.panel-footer {
+  border-top: none;
+}
+
+.panel-success {
+  .panel-heading {
+    background-color: $brand-success;
+  }
+
+  .panel-title {
+    color: #fff;
+  }
+}
+
+.panel-info {
+  .panel-heading {
+    background-color: $brand-info;
+  }
+
+  .panel-title {
+    color: #fff;
+  }
+}
+
+.panel-warning {
+  .panel-heading {
+    background-color: $brand-warning;
+  }
+
+  .panel-title {
+    color: #fff;
+  }
+}
+
+.panel-danger {
+  .panel-heading {
+    background-color: $brand-danger;
+  }
+
+  .panel-title {
+    color: #fff;
+  }
+}
+
+.popover {
+  border: none;
+  @include box-shadow(0 1px 4px rgba(0,0,0,.3));
+}