// Spacelab 4.3.1 // Bootswatch

// Variables ===================================================================

$web-font-path: “fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700” !default; @import url($web-font-path);

@mixin btn-shadow($color){

@include gradient-y-three-colors(lighten($color, 15%), $color, 50%, darken($color, 4%));
filter: none;
border: 1px solid darken($color, 10%);

}

// Navbar ======================================================================

.navbar {

.nav-link,
.navbar-brand {
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
  transition: color ease-in-out .2s;
}

&.bg-primary {
  @include btn-shadow(map-get($theme-colors, "primary"));
}

&.bg-dark {
  @include btn-shadow(map-get($theme-colors, "secondary"));
}

&.bg-light {
  @include btn-shadow(map-get($theme-colors, "light"));

  .nav-link,
  .navbar-brand {
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
  }

  .navbar-brand {
    color: $navbar-light-color;

    &:hover {
      color: $info;
    }
  }
}

}

// Buttons =====================================================================

.btn {

text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);

&-link {
  text-shadow: none;
}

}

@each $color, $value in $theme-colors {

.btn-#{$color} {
  @include btn-shadow($value);
}

.btn-#{$color}:not(.disabled):hover {
  @include btn-shadow(darken($value, 4%));
}

}

class*=“btn-outline-”

{

text-shadow: none;

}

// Typography ==================================================================

// Tables ======================================================================

// Forms =======================================================================

// Navs ========================================================================

// Indicators ==================================================================

.badge {

&-secondary {
  color: $white;
}

}

// Progress bars ===============================================================

// Containers ==================================================================

.card, .list-group-item {

h1, h2, h3, h4, h5, h6 {
  color: inherit;
}

}