kodadot/nft-gallery

@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;
}