basb-cli
Version:
Blog as Second Brain!
1 lines • 1.52 kB
CSS
article-catalog{--top-margin:calc(4.5rem + 12px);--item-margin-step:.875rem;background-color:var(--default-bg-color);box-sizing:border-box;color:var(--default-tx-color);overflow:auto;transition:background .6s,border-radius .3s .15s,transform .45s;z-index:100}@media print{article-catalog{display:none}}@media screen and (min-width:768px){article-catalog{border-bottom-right-radius:1rem;border-top-right-radius:1rem;box-shadow:var(--shadow-lg);height:calc(100vh - var(--top-margin));position:sticky;top:0}article-catalog.top-stuck{border-top-right-radius:0}article-catalog.bottom-stuck{border-bottom-right-radius:0}}@media screen and (max-width:767px){article-catalog{border-top-left-radius:.75rem;border-top-right-radius:.75rem;bottom:0;box-shadow:var(--shadow-md-2);height:auto;left:var(--page-horizonal-padding);position:fixed;right:var(--page-horizonal-padding);top:calc(var(--top-margin) + 4rem)}#article-container:not(.with-catalog) article-catalog{transform:translateY(calc(100% + 16px))}}article-catalog ol li{border-bottom-right-radius:0;border-top-right-radius:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}article-catalog li *{pointer-events:none}article-catalog .level-h1{font-weight:700}article-catalog .level-h3{margin-left:calc(var(--item-margin-step)*1)}article-catalog .level-h4{margin-left:calc(var(--item-margin-step)*2)}article-catalog .level-h5{margin-left:calc(var(--item-margin-step)*3)}article-catalog .level-h6{margin-left:calc(var(--item-margin-step)*4)}