You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
71 lines
1.6 KiB
71 lines
1.6 KiB
/* ==========================================================================
|
|
Table of contents
|
|
========================================================================== */
|
|
|
|
/*
|
|
Page table of contents
|
|
========================================================================== */
|
|
|
|
.toc {
|
|
margin-left: -1 * $gutter;
|
|
margin-right: -1 * $gutter;
|
|
@include media($medium) {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
font-family: $alt-font;
|
|
ul {
|
|
margin-top: $gutter;
|
|
margin-bottom: $gutter;
|
|
border: 1px solid $border-color;
|
|
@include media($medium) {
|
|
border-radius: $border-radius;
|
|
}
|
|
}
|
|
li {
|
|
@include font-size(14,no,16);
|
|
@include media($small) {
|
|
@include font-size(16,no,18);
|
|
}
|
|
border-bottom: 1px solid $border-color;
|
|
> a {
|
|
display: block;
|
|
padding: 7px 1.618rem;
|
|
color: $text-color;
|
|
border-left: 2px solid transparent;
|
|
&:hover,
|
|
&:focus {
|
|
background: mix($white, $border-color, 5%);
|
|
}
|
|
}
|
|
}
|
|
h6 {
|
|
margin: 0;
|
|
padding: 7px 1.618rem;
|
|
background: $table-stripe-color;
|
|
&:hover {
|
|
background: mix($white, $border-color, 5%);
|
|
}
|
|
a {
|
|
color: $text-color;
|
|
}
|
|
}
|
|
}
|
|
|
|
/*
|
|
1/4 wide table of contents to be used as a sidebar (left aligned)
|
|
========================================================================== */
|
|
|
|
.toc-left {
|
|
@include span-columns(12);
|
|
@include media($medium) {
|
|
@include span-columns(4);
|
|
}
|
|
margin-left: 0;
|
|
ul {
|
|
margin-top: 0;
|
|
@include media($small) {
|
|
margin-bottom: 0.5 * $gutter;
|
|
}
|
|
}
|
|
}
|
|
|