doc/themes/learn4/scss/theme/_body.scss
2020-11-14 16:37:58 +01:00

113 lines
2 KiB
SCSS

.center-content {
#start {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
}
.learn-content {
position: relative;
display: flex;
min-height: 100vh;
flex-direction: column;
#start {
padding: 2rem 3rem;
@include breakpoint(xl) {
padding: 2rem 2rem;
}
@include breakpoint(lg) {
padding: 2rem 1rem;
}
}
}
#footer {
border-top: 1px solid $gray-color-light;
margin-top: 1rem;
text-align: center;
p {
margin: 1rem 0;
}
}
.page-toc {
float: right;
width: 250px;
padding: 0.5rem 0.75rem;
background: darken($bg-color, 2%);
margin-left: 1.5rem;
margin-right: 0;
margin-bottom: 1rem;
margin-top: 10px;
font-size: 0.7rem;
overflow: hidden;
@include breakpoint(sm) {
float: none;
width: 100%;
margin-top: 0.5rem;
margin-left: 0;
margin-bottom: 0;
}
.toc-toggle {
font-size: 1.2rem;
display: block;
float: right;
margin-top: -8px;
margin-right: -10px;
padding: 5px 10px;
line-height: 1;
color: lighten($body-font-color, 20%);
cursor: pointer;
}
&.toc-closed {
height: 40px;
margin-bottom: 0.5rem;
.toc-toggle .fa:before {
content: '\f107';
}
}
h5 {
margin: 0 0 1rem;
}
ul {
margin-left: 1rem;
margin-bottom: 0;
}
li {
margin-top: 0;
list-style: decimal;
color: lighten($body-font-color, 30%);
li {
list-style: decimal;
li {
list-style: square;
}
}
}
ul > li.first.last {
list-style: none;
margin: 0;
margin-left: -1rem;
}
// Fix issue with notices going under TOC
& + #body-inner {
> .notices, > .code-toolbar {
overflow: hidden;
}
}
}