You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
xshop/resources/sass/app.scss

74 lines
1.3 KiB
SCSS

// Fonts
@import 'vazirmatn/Vazirmatn-font-face.css';
@import "remixicon/fonts/remixicon.css";
@import "vue-toast-notification/dist/theme-bootstrap.css";
// Variables
@import 'panel/variables';
// Bootstrap
//@import 'bootstrap/scss/bootstrap';
8 months ago
/* 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;
}
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: lighten($body-bg,7);
position: relative;
}
&.sided{
grid-template-columns:50px 250px 1fr;
#sidebar-panel{
display: block;
}
}
}
@import "panel/common";
@import "panel/raw";
@import "panel/fix";
@import "panel/navbar";
@import "panel/breadcrumbs";
@import "panel/item-list";
@import "panel/steps";