57 lines
874 B
SCSS
57 lines
874 B
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";
|