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

Removed border for table of contents and improved spacing

Browse Source
This commit is contained in:
squidfunk 2017-12-02 14:33:33 +01:00 committed by Martin Donath
parent df9ee02c69
commit 5305cfcd53
8 changed files with 11 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
material/assets/stylesheets/application-palette.792431c1.css Normal file
View File

File diff suppressed because one or more lines are too long

2
material/assets/stylesheets/application-palette.fbd935c7.css
View File

File diff suppressed because one or more lines are too long

2
material/assets/stylesheets/application.6da73b00.css Normal file
View File

File diff suppressed because one or more lines are too long

2
material/assets/stylesheets/application.e68c9b16.css
View File

File diff suppressed because one or more lines are too long

4
material/base.html
View File

@ -46,9 +46,9 @@
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block styles %} {% block styles %}
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application.e68c9b16.css"> <link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application.6da73b00.css">
{% if palette.primary or palette.accent %} {% if palette.primary or palette.accent %}
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-palette.fbd935c7.css"> <link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-palette.792431c1.css">
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block libs %} {% block libs %}

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

@ -137,15 +137,6 @@ button[data-md-color-accent] {
} }
} }
// [tablet landscape +]: Add border to table of contents
@include break-from-device(tablet landscape) {
// Table of contents
.md-nav--secondary {
border-left: 0.4rem solid $color;
}
}
// [screen +]: Set background color for tabs // [screen +]: Set background color for tabs
@include break-from-device(screen) { @include break-from-device(screen) {
@ -184,11 +175,6 @@ button[data-md-color-primary="white"] {
} }
} }
// Table of contents
.md-nav--secondary {
border-left: 0.4rem solid $md-color-black--light;
}
// [tablet portrait -]: Layered navigation // [tablet portrait -]: Layered navigation
@include break-to-device(tablet portrait) { @include break-to-device(tablet portrait) {

2
src/assets/stylesheets/layout/_content.scss
View File

@ -40,7 +40,7 @@
// Define spacing // Define spacing
&__inner { &__inner {
margin: 0 1.6rem 2.4rem; margin: 0 1.6rem 2.4rem;
padding-top: 2.4rem; padding-top: 1.2rem;
// [screen +]: Increase horizontal spacing // [screen +]: Increase horizontal spacing
@include break-from-device(screen) { @include break-from-device(screen) {

19
src/assets/stylesheets/layout/_nav.scss
View File

@ -29,21 +29,15 @@
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1.3; line-height: 1.3;
// Table of contents // Highlight active links (used for page-related meta navigation)
&--secondary { &--secondary .md-nav__link--active {
transition: border-left 0.25s; color: $md-color-primary;
border-left: 0.4rem solid $md-color-primary;
// Highlight active links (used for page-related meta navigation)
.md-nav__link--active {
color: $md-color-primary;
}
} }
// List title // List title
&__title { &__title {
display: block; display: block;
padding: 1.2rem 1.2rem 0; padding: 0 1.2rem;
font-weight: 700; font-weight: 700;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
@ -356,11 +350,6 @@
// [tablet portrait -]: Show table of contents in drawer // [tablet portrait -]: Show table of contents in drawer
@include break-to-device(tablet portrait) { @include break-to-device(tablet portrait) {
// Remove border on secondary navigation
&--secondary {
border-left: 0;
}
// Show link to table of contents - higher specificity is necessary to // Show link to table of contents - higher specificity is necessary to
// display the table of contents inside the drawer // display the table of contents inside the drawer
html &__link[for="toc"] { html &__link[for="toc"] {