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

[SITE CSS] set colors as variables + base on 2 colors

Browse source
This commit is contained in:
Jannik Beyerstedt 2016-04-10 22:42:23 +02:00
parent a05b824cd0
commit 2a2cf3bb89
9 changed files with 46 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -7,19 +7,15 @@
@import "../mainvariables";
$inv_bgColor: #424242;
$inv_fontcolor: #fff;
// change main.scss behavior - inverted color style
body {
background-color: $inv_bgColor;
color: $inv_fontcolor;
background-color: $color_bg_inv;
color: $color_font_inv;
}
a {
color: lighten($link-color, 10%);
color: $link_color_inv;
&:active, &:hover {
color: lighten($link-color, 30%);
color: $link_active_inv;
}
}
@include media-breakpoint-up(sm) {
@ -30,8 +26,8 @@ a {
}
}
footer {
background-color: darken($inv_bgColor, 7%);
color: darken($inv_fontcolor, 10%);
background-color: darken($color_bg_inv, 7%);
color: darken($color_font_inv, 10%);
}