OpenSourceArk/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-06-14 11:52:32 +03:00
Code Issues Packages Projects Releases Wiki Activity

Added palette colors for tabs

Browse Source
This commit is contained in:
squidfunk 2017-02-26 14:15:21 +01:00
parent 0eee81b048
commit eb6aedf5cc
7 changed files with 26 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
CHANGELOG
View File

@ -7,7 +7,9 @@ mkdocs-material-1.1.0 (2017-xx-xx)
* Fixed #175: Tables cannot be set to 100% width
* Fixed #173: Dictionary elements have no bottom spacing
* Fixed race conditions in build related to asset revisioning
* Fixed accidentally re-introduced Permalink on top-level headline
* Refactored and automated Docker build and PyPI release
* Refactored build scripts
* Refactored styles related to tables
mkdocs-material-1.0.5 (2017-02-18)

2
material/assets/stylesheets/application-4ee152c883.css → material/assets/stylesheets/application-45f91e8d31.css
View File

File diff suppressed because one or more lines are too long

2
material/assets/stylesheets/application-02ce7adcc2.palette.css → material/assets/stylesheets/application-49c4a440b6.palette.css
View File

File diff suppressed because one or more lines are too long

4
material/base.html
View File

@ -32,9 +32,9 @@
<script src="{{ base_url }}/assets/javascripts/modernizr-56ade86843.js"></script>
{% endblock %}
{% block styles %}
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-4ee152c883.css">
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-45f91e8d31.css">
{% if config.extra.palette %}
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-02ce7adcc2.palette.css">
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-49c4a440b6.palette.css">
{% endif %}
{% endblock %}
{% block fonts %}

14
src/assets/stylesheets/application.palette.scss
View File

@ -135,6 +135,20 @@ button[data-md-color-accent] {
border-left: 0.4rem solid $color;
}
}
// [screen +]: Set background color for tabs
@include break-from-device(screen) {
// Tabs with outline
.md-tabs {
background: mix($color, $md-color-black, 75%);
// Fade-out tabs background upon scrolling
&[data-md-state="hidden"] {
background: $color;
}
}
}
}
}

6
src/assets/stylesheets/layout/_header.scss
View File

@ -26,7 +26,7 @@
// Application header (stays always on top)
.md-header {
@include z-depth(3);
@include z-depth(2);
position: fixed;
top: 0;
@ -40,7 +40,7 @@
// Always show shadow, in case JavaScript is not available
.no-js & {
@include z-depth(3);
@include z-depth(2);
}
// [screen +]: Show shadow depending on scroll offset
@ -49,7 +49,7 @@
// Show and animate shadow
&[data-md-state="shadow"] {
@include z-depth(3);
@include z-depth(2);
}
}

5
src/assets/stylesheets/layout/_tabs.scss
View File

@ -79,11 +79,12 @@
}
}
// Hide tabs upon scrolling - disable transition to minimizes repaints whilte
// scrolling down, while scrolling up seems to be okay
// Fade-out tabs background upon scrolling
&[data-md-state="hidden"] {
background: $md-color-primary;
// Hide tabs upon scrolling - disable transition to minimizes repaints whilte
// scrolling down, while scrolling up seems to be okay
.md-tabs__link {
transform: translateY(50%);
transition: