Better tints for source inside drawer + lighter footer credits

This commit is contained in:
squidfunk
2016-12-28 16:54:59 +01:00
parent 3222ec5a6e
commit 5ee95e4fe2
7 changed files with 31 additions and 13 deletions

View File

@@ -102,6 +102,30 @@ button[data-md-color-accent] {
background-color: $color;
}
// Current or hovered link
.md-nav__link:active,
.md-nav__link--active {
color: $color;
}
// [tablet portrait -]: Layered navigation
@include break-to-device(tablet portrait) {
// Repository containing source
.md-nav__source {
background-color: mix($color, $md-color-black, 75%);
}
}
// [tablet -]: Layered navigation
@include break-to-device(tablet) {
// Site title in main navigation
html & .md-nav--primary .md-nav__title--site {
background-color: $color;
}
}
// [tablet landscape +]: Add border to table of contents
@include break-from-device(tablet landscape) {
@@ -110,12 +134,6 @@ button[data-md-color-accent] {
border-left: 0.4rem solid $color;
}
}
// Current or hovered link
.md-nav__link:active,
.md-nav__link--active {
color: $color;
}
}
}

View File

@@ -122,7 +122,7 @@
// Use a decent color for non-hovered links and ensure specificity
html &.md-typeset a {
color: $md-color-white--lighter;
color: $md-color-white--light;
}
}
@@ -130,7 +130,7 @@
.md-footer-copyright {
margin: 0 1.2rem;
padding: 0.8rem 0;
color: $md-color-white--lightest;
color: $md-color-white--lighter;
font-size: ms(-1);
// [tablet portrait +]: Show next to social media links

View File

@@ -363,7 +363,7 @@
&__source {
display: block;
padding: 0.4rem;
background-color: darken($md-color-primary, 10%);
background-color: mix($md-color-primary, $md-color-black, 75%);
color: $md-color-white;
}
}