.saqle-docs{ display:flex; background-color:#fff; border-radius:10px; margin-top:10px; margin-bottom: 10px; } .saqle-docs-nav{ flex:1; border-right:1px solid var(--steel_gray_300); padding: 2em; } .saqle-docs-main{ flex:3; } .nav-group{ padding-bottom: 10px; } .nav-group:not(:last-child){ border-bottom:1px solid var(--steel_gray_100); margin-bottom: 10px; } .nav-group-header > div:last-child{ flex:1; } .nav-group-body a{ height:30px; text-decoration: none; color:var(--steel_gray_400); } .nav-group-body a:hover{ color:red; } .saqle-docs-main{ padding:2em; } section{ margin-bottom: 2em; } h1,h2,h3,h4,h5 { margin-bottom:20px; } p{ color:var(--steel_gray_600); line-height:1.7em; margin-bottom:10px; } .docs-footer{ margin-top:5em; } .docs-footer a{ text-decoration: none; font-size:15px; color:#000; font-weight:600; } .docs-footer a:hover{ color:red; } .docs-footer > div{ flex:1; } .docs-footer-inner{ padding:1em; border:1px solid var(--steel_gray_100); border-radius:10px; } .docs-footer a > span:first-child{ margin-right:1em; } .prev-page, .next-page{ margin-bottom:5px; } .code-container { width: 600px; overflow-x: auto; margin-bottom: 20px; } pre[class*="language-"] { margin: 0; box-sizing: border-box; white-space: pre-wrap; overflow-x: auto; } code[class*="language-"] { white-space: inherit; } .feature-list li { position: relative; padding-left: 2rem; margin-bottom: 1rem; color: var(--steel_gray_600); line-height: 1.7; } .feature-list li::before { content: ""; position: absolute; left: 0; top: 0.65em; width: 8px; height: 8px; background: #38BDF8; border-radius: 50%; transform: translateY(-50%); }