66 lines
1 KiB
SCSS
66 lines
1 KiB
SCSS
/* STYLE for jannikbeyerstedt.de
|
|
* for specific template
|
|
*/
|
|
@import "custom";
|
|
@import "variables";
|
|
@import "mixins";
|
|
|
|
@import "../mainvariables";
|
|
|
|
// change main.scss behavior - inverted color style
|
|
body {
|
|
background-color: $color_bg_inv;
|
|
color: $color_font_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) {
|
|
.navbar-toggler {
|
|
color: $nav_fgColor;
|
|
}
|
|
}
|
|
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 animation.scss (already in main.scss) and carousel.js, util.js
|
|
@import "carousel";
|