| @import "variable.scss"; |
| |
| body { |
| position: relative; |
| } |
| |
| .main-content { |
| display: flex; |
| position: absolute; |
| width: 100%; |
| top: $header-height; |
| left: 0; |
| right: 0; |
| bottom: 0; |
| overflow-x: hidden; |
| overflow-y: auto; |
| flex-direction: row; |
| } |
| |
| .article-wrapper { |
| display: flex; |
| width: 100%; |
| margin: 0 auto; |
| flex-direction: row; |
| min-height: 80%; |
| min-height: calc(100% - 160px); |
| |
| &.post-layout { |
| max-width: 850px; |
| } |
| |
| .article-heading { |
| color: $text-black; |
| } |
| |
| .header-anchor { |
| margin-left: 10px; |
| display: none |
| } |
| |
| @media print { |
| .header-anchor { |
| display: none!important |
| } |
| } |
| |
| .article-heading:hover .header-anchor { |
| display: inline-block; |
| color:#00BDFF |
| } |
| |
| .doc-nav { |
| padding-top: 50px; |
| background: $bg-super-light; |
| width: 23%; |
| max-width: 450px; |
| min-width: 250px; |
| display: flex; |
| flex-direction: column; |
| align-items: center; |
| overflow-x: hidden; |
| overflow-y: auto; |
| border-right: 1px solid #E8E8E8; |
| } |
| |
| .doc-nav-version{ |
| margin: 20px 0; |
| } |
| .article-nav { |
| margin: 30px 0 100px; |
| padding-top: 30px; |
| border-top: 1px solid #ddd; |
| display: flex; |
| justify-content: center; |
| |
| .article-nav-link { |
| display: block; |
| padding: .2em 1em; |
| border-radius: 5px; |
| & + .article-nav-link { |
| margin-left: 40px; |
| } |
| |
| &.enable { |
| background: $bg-blue; |
| color: #fff; |
| } |
| |
| &.disable { |
| background: #ddd; |
| color: #ccc; |
| } |
| } |
| } |
| } |