web-jbeyerstedt/assets/scss/templates/photo.scss

/* STYLE for jannikbeyerstedt.de
 * for specific template
 */
@import "custom";
@import "variables";
@import "mixins";

@import "../mainvariables";


$inv_bgColor: #424242;
$inv_fontcolor: #fff;

// change main.scss behavior - inverted color style
body {
  background-color: $inv_bgColor;
  color: $inv_fontcolor;
}
a {
  color: lighten($link-color, 10%);
  &:active, &:hover {
    color: lighten($link-color, 30%);
  }
}
@include media-breakpoint-up(sm) {
  nav {
    ul.nav.main {
      color: $nav_fgColor;
    }
  }
}
footer {
  background-color: darken($inv_bgColor, 7%);
  color: darken($inv_fontcolor, 10%);
}


// additional css
main.photo {
  .container {

  }
}

div.carousel {
  max-width: 1300px;
  margin: 0 auto;
}



// ---- from boostrap ----
@import "images";

// @requires animation.scss (already in main.scss) and carousel.js, util.js
@import "carousel";