Removed border for table of contents and improved spacing

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

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -46,9 +46,9 @@
{% endif %}
{% endblock %}
{% 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 %}
<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 %}
{% endblock %}
{% block libs %}

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
@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
@include break-to-device(tablet portrait) {

View File

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

View File

@ -29,21 +29,15 @@
font-size: 1.4rem;
line-height: 1.3;
// Table of contents
&--secondary {
transition: border-left 0.25s;
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;
}
// Highlight active links (used for page-related meta navigation)
&--secondary .md-nav__link--active {
color: $md-color-primary;
}
// List title
&__title {
display: block;
padding: 1.2rem 1.2rem 0;
padding: 0 1.2rem;
font-weight: 700;
text-overflow: ellipsis;
overflow: hidden;
@ -356,11 +350,6 @@
// [tablet portrait -]: Show table of contents in drawer
@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
// display the table of contents inside the drawer
html &__link[for="toc"] {