71 lines
1.1 KiB
SCSS
71 lines
1.1 KiB
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%;
|
|
}
|