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

/* STYLE for jannikbeyerstedt.de
 * for specific template
 */
@import "../mainvariables";

// change main.scss behavior - inverted color style
body {
  color: $color_font_inv;
}
div.site-wrap {
  background-color: $color_bg_inv;
}
a {
  color: $link_color_inv;
  &:active, &:hover {
    color: $link_active_inv;
  }
}
main p {
  a:visited {
    color: $link_visited_inv;
  }
}
@include media-breakpoint-up(sm) {
  nav {
    ul.nav {
      color: $nav_fgColor;
      a.section:hover, a.section:focus {
        border: none;
      }
    }
  }
}
@include media-breakpoint-down(xs) {
  label[for="nav-trigger"] {
    // button color inverted
    color: $nav_fgColor;
    background-color: $color_bg_inv;
  }
}
footer {
  background-color: darken($color_bg_inv, 7%);
  color: darken($color_font_inv, 10%);
}


// additional css
main.photo {
  .container {

  }
}

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



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

// @requires carousel.js, util.js
@import "carousel";

// fix responsiveness
.carousel-inner>.carousel-item>img {
  width: 100%;
}