jannik/web-jbeyerstedt
1
0
Fork 0
Code Releases Activity

[SITE CSS] add style for kirbytags + darken footer color at photo pages

Browse source
This commit is contained in:
Jannik Beyerstedt 2016-04-06 13:58:18 +02:00
parent 35fed453f1
commit 668a3081e9
9 changed files with 82 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

24
assets/scss/templates/photo.scss
View file

@ -7,10 +7,20 @@
@import "../mainvariables";
// change main.scss behavior
$inv_bgColor: #424242;
$inv_fontcolor: #fff;
// change main.scss behavior - inverted color style
body {
background-color: #424242;
color: #fff;
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 {
@ -19,12 +29,16 @@ body {
}
}
}
footer {
background-color: darken($inv_bgColor, 7%);
color: darken($inv_fontcolor, 10%);
}
// additional css
main.photo {
.container {
}
}
@ -36,7 +50,7 @@ div.carousel {
// ---- from boostrap ----
// @requires animation.scss (already in main.scss) and carousel.js, util.js
@import "images";
// @requires animation.scss (already in main.scss) and carousel.js, util.js
@import "carousel";