+desktop() { .sidebar { // https://caniuse.com/css-sticky position: sticky; top: $sidebar-offset; } .sidebar-toggle { display: none; } .sidebar-inner { background: var(--content-bg-color); border-radius: $border-radius; box-shadow: $box-shadow; box-sizing: border-box; color: var(--text-color); margin-top: $sidebar-offset; max-height: 'calc(100vh - %s)' % unit($sidebar-offset * 2, 'px'); if (hexo-config('motion.enable') and hexo-config('motion.transition.sidebar')) { visibility: hidden; } } .site-state-item { padding: 0 10px; } .sidebar .sidebar-button { border-bottom: 1px dotted $grey-light; border-top: 1px dotted $grey-light; button { border: 0; color: $orange; display: block; width: 100%; &:hover { background: none; border: 0; color: darken($orange, 20%); } } } .links-of-author { flex-wrap(); } .links-of-author-item { margin: 5px 0 0; if (not hexo-config('social_icons.icons_only')) { width: 50%; } a { border-bottom: 0; border-radius: 4px; display: block; padding: 0 5px; sidebar-inline-links-item(); &:hover { background: var(--body-bg-color); } } } .links-of-blogroll-item a { padding: 0 5px; } if (hexo-config('back2top.sidebar')) { // Only when back2top.sidebar is true, apply the following styles .back-to-top { background: var(--body-bg-color); margin: 8px - $sidebar-offset -10px -18px; transition-property: bottom, margin-top; &.back-to-top-on { margin-top: 16px; } } } }