element-plus/docs/.vitepress/vitepress/styles/subnav.scss
云游君 8583c70fdc
feat(theme-chalk): use @use instead of @import & remove /**/ comment (#3696)
* feat(theme-chalk): use @use instead of @import & remove /**/ comment

* refactor(theme-chalk): refactor scss with @use module

* fix(docs): scss in docs toggle to '@use'

* docs: add custom theme on demand

* docs: add unplugin-element-plus
2021-09-28 20:42:12 +08:00

34 lines
499 B
SCSS

@use './mixins' as *;
.sub-nav {
@include with-border;
@include with-bg;
position: sticky;
top: 0;
left: 0;
width: 100%;
display: flex;
justify-content: space-between;
z-index: var(--sub-nav-z-index);
overflow: hidden;
.sidebar-button,
.go-back-top {
padding: 0 16px;
}
.go-back-top {
transform: translateY(100%);
opacity: 0;
&.show {
transform: translateY(0);
opacity: 1;
}
}
@include respond-to('lg') {
display: none;
}
}