@use "sass:color"; // Fonts @use 'vazirmatn/Vazirmatn-font-face.css'; @use "remixicon/fonts/remixicon.css"; @use "vue-toast-notification/dist/theme-bootstrap.css"; // Variables @use 'panel/variables'; @use "panel/common"; @use "panel/raw"; @use "panel/fix"; @use "panel/navbar"; @use "panel/breadcrumbs"; @use "panel/item-list"; @use "panel/steps"; // Bootstrap //@import 'bootstrap/scss/bootstrap'; /* width */ ::-webkit-scrollbar { width: 5px; } /* Track */ ::-webkit-scrollbar-track { background: #282c34; } /* Handle */ ::-webkit-scrollbar-thumb { background: darkred; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: var(--bs-indigo); } *{ padding: 0; margin: 0; font-family: 'Vazirmatn', sans-serif; } html { scroll-behavior: smooth; } body{ min-height: 100vh; overflow-x: hidden; cursor: default; } a{ text-decoration: none !important; } #panel{ display: grid; grid-template-columns:50px 0 1fr; transition: 400ms; min-height: calc(100vh - 60px); >aside{ background-image: url("../images/pattern.png"); background-color: color.adjust(variables.$body-bg, $lightness: 7%); position: relative; } &.sided{ grid-template-columns:50px 250px 1fr; #sidebar-panel{ display: block; } } }