blob: 1d4e8e822cd0fe16c8af4800c0f1189bd80ad956 [file] [log] [blame]
.project-doc {
.td-content {
#overview, #community {
padding: 0;
text-align: left;
margin-bottom: 1rem;
}
}
.version-select{
vertical-align: middle;
margin-left: 5px;
color: #2c3e50;
border: 1px solid #dee2e6;
border-radius: 2px;
outline: none;
}
.td-sidebar {
font-weight: 300;
padding-top: 5.5rem;
padding-right: 0px;
padding-left: 0px;
height: 100vh;
overflow-y: scroll;
overflow-y: overlay;
position: sticky;
position: -webkit-sticky;
top: 0px;
background-color: #fff;
&::-webkit-scrollbar {
width: 4px;
}
&::-webkit-scrollbar-thumb {
background-color: #bebebe !important;
border-radius: 2px;
}
h5 {
padding-top: 0;
font-weight: 400;
font-size: 16px;
text-indent: 8px;
}
}
.commit-id {
padding-top: 1rem !important;
border-top: 1px solid #cccccc40;
word-break: break-all;
font-size: 13px;
margin-top: 0.5rem;
text-indent: 8px;
color: #888;
}
main{
word-break: break-word;
p code {
word-break: break-word !important;
}
}
.doc-menu-button{
position: fixed;
right: 15px;
bottom: 15px;
border: 1px solid #cccccc;
background-color: rgba(216,217,218,0.3);
border-radius: 3px;
padding: 10px;
color: #999;
z-index: 9999;
display: none;
}
.td-main {
#TableOfContents {
font-size: 14px;
width: auto;
border-left: 1px solid #dee2e6;
}
.td-toc{
border-left: none;
.fixed {
box-shadow: none;
}
}
}
}
@media (max-width: 768px) {
.project-doc {
.td-sidebar {
height: 0;
padding: 0;
z-index: 8;
transform: translate(-100%,0);
transition: transform 0.2s linear;
&.active{
height: 100vh;
transform: translate(0,0);
display: block;
padding-top: 5.5rem;
padding-bottom: 1rem;
}
}
.doc-menu-button{
display: block;
cursor: pointer;
}
}
}