libs/ui/src/components/NeoSidebar/NeoSidebar.scss
@import '@oruga-ui/oruga-next/src/scss/utilities/expressions.scss';
@import '@oruga-ui/oruga-next/src/scss/utilities/variables.scss';
@import '@oruga-ui/oruga-next/src/scss/utilities/animations.scss';
@import '@oruga-ui/oruga-next/src/scss/utilities/helpers.scss';
$sidebar-box-shadow: 0;
$sidebar-content-background-color: transparent;
$sidebar-mobile-width: 80px;
$sidebar-width: 320px;
$sidebar-zindex: 100;
$sidebar-overlay: rgba(0, 0, 0, 0.17);
@import '@oruga-ui/oruga-next/src/scss/components/sidebar.scss';
// to fix safari issue: https://github.com/kodadot/nft-gallery/issues/5227
.is-hidden-mobile > .o-side {
transition: width 150ms;
width: 0;
}
.is-hidden-mobile.sticky > .o-side {
width: $sidebar-width;
}