steve/just-the-docs
1
0
Fork 0
mirror of https://github.com/snachodog/just-the-docs.git synced 2025-04-17 00:22:24 -06:00
Code Issues Packages Projects Releases Wiki Activity

Added feedback color variable for nav item/search result hover

Browse Source 
(cherry picked from commit f25d76730b175fb680aa2770fb20a67fd858ffbb)
This commit is contained in:
Silvio Giebl 2019-08-10 21:24:36 +02:00
parent 8a3458bafd
commit bf86c33fe1
6 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
_sass/color_schemes/dark.scss
View File

@ -15,3 +15,4 @@ $base-button-color: $grey-dk-250;
$code-background-color: $grey-dk-250; $code-background-color: $grey-dk-250;
$search-background-color: $grey-dk-250; $search-background-color: $grey-dk-250;
$table-background-color: $grey-dk-250; $table-background-color: $grey-dk-250;
$feedback-color: darken($sidebar-color, 3%);

2
_sass/layout.scss
View File

@ -165,7 +165,7 @@
.site-title:hover, .site-title:hover,
.site-button:hover { .site-button:hover {
background-color: darken($sidebar-color, 3%); background-color: $feedback-color;
} }
// stylelint-disable selector-max-type // stylelint-disable selector-max-type

4
_sass/navigation.scss
View File

@ -32,7 +32,7 @@
&:hover, &:hover,
&.active { &.active {
background-color: darken($sidebar-color, 3%); background-color: $feedback-color;
} }
} }
@ -47,7 +47,7 @@
fill: $link-color; fill: $link-color;
&:hover { &:hover {
background-color: darken($sidebar-color, 3%); background-color: $feedback-color;
} }
} }

2
_sass/search.scss
View File

@ -112,7 +112,7 @@
&:hover, &:hover,
&.active { &.active {
background-color: $sidebar-color; background-color: $feedback-color;
} }
@include mq(md) { @include mq(md) {

1
_sass/support/_variables.scss
View File

@ -56,6 +56,7 @@ $sidebar-color: $grey-lt-000 !default;
$search-background-color: $white !default; $search-background-color: $white !default;
$table-background-color: $white !default; $table-background-color: $white !default;
$code-background-color: $grey-lt-000 !default; $code-background-color: $grey-lt-000 !default;
$feedback-color: darken($sidebar-color, 3%) !default;
$body-text-color: $grey-dk-100 !default; $body-text-color: $grey-dk-100 !default;
$body-heading-color: $grey-dk-300 !default; $body-heading-color: $grey-dk-300 !default;

1
assets/js/just-the-docs.js
View File

@ -27,6 +27,7 @@ function initNav() {
jtd.addEvent(document, 'click', function(e){ jtd.addEvent(document, 'click', function(e){
var expander = e.path.find(function(x){ return x.classList && x.classList.contains('nav-list-expander') }); var expander = e.path.find(function(x){ return x.classList && x.classList.contains('nav-list-expander') });
if (expander) { if (expander) {
e.preventDefault();
expander.parentElement.classList.toggle('active'); expander.parentElement.classList.toggle('active');
} }
}); });