Clean up some styles.

This commit is contained in:
Danila Fedorin 2020-07-15 13:56:03 -07:00
parent a4fedb276d
commit e7d56dd4bd
2 changed files with 5 additions and 22 deletions

View File

@ -45,6 +45,7 @@ pre code {
div.highlight table { div.highlight table {
border: $code-border !important; border: $code-border !important;
border-radius: 0px;
pre { pre {
margin: 0; margin: 0;
@ -65,7 +66,7 @@ div.highlight table {
@include below-container-width { @include below-container-width {
padding: 0 $container-min-padding 0 $container-min-padding; padding: 0 $container-min-padding 0 $container-min-padding;
margin: 0; margin: 0;
max-width: $container-width + 2*$container-min-padding; max-width: $container-width + 2 * $container-min-padding;
} }
@include below-two-margins { @include below-two-margins {
@ -73,7 +74,7 @@ div.highlight table {
} }
@include below-one-margin { @include below-one-margin {
position: initial; left: 0;
} }
} }
@ -82,8 +83,7 @@ div.highlight table {
background-color: $primary-color; background-color: $primary-color;
border: none; border: none;
color: white; color: white;
transition: color 0.25s; transition: color 0.25s, background-color 0.25s;
transition: background-color 0.25s;
text-align: left; text-align: left;
&:focus { &:focus {

View File

@ -3,13 +3,6 @@
$toc-color: $code-color; $toc-color: $code-color;
$toc-border-color: $code-border-color; $toc-border-color: $code-border-color;
$toc-float-max-width: 20rem;
@mixin below-max-toc-width {
@media screen and (max-width: 2.5rem + 1.5 * $toc-float-max-width + 2 * $container-min-padding){
@content;
}
}
.table-of-contents { .table-of-contents {
@include margin-content; @include margin-content;
@ -24,7 +17,7 @@ $toc-float-max-width: 20rem;
font-weight: bold; font-weight: bold;
font-size: 1.2em; font-size: 1.2em;
display: block; display: block;
margin-bottom: 1rem; margin-bottom: 0.5rem;
} }
#TableOfContents > ul { #TableOfContents > ul {
@ -32,27 +25,17 @@ $toc-float-max-width: 20rem;
} }
nav { nav {
width: auto;
margin: 0px; margin: 0px;
} }
ul { ul {
position: relative;
list-style: none; list-style: none;
padding-left: 2rem; padding-left: 2rem;
margin: 0px; margin: 0px;
} }
li {
position: relative;
}
a { a {
padding: 0; padding: 0;
vertical-align: top;
overflow-x: hidden;
text-overflow: ellipsis;
max-width: 100%;
} }
div.wrapper { div.wrapper {