60 lines
1.1 KiB
SCSS
60 lines
1.1 KiB
SCSS
@import "./variables";
|
|
@import "./bootstrap";
|
|
@import "./sweetalert-custom";
|
|
|
|
// * App
|
|
@import "./layout";
|
|
|
|
.item {
|
|
position: relative;
|
|
text-align: center;
|
|
|
|
&::before {
|
|
position: absolute;
|
|
z-index:-5;
|
|
bottom:-1.5rem;
|
|
left: 50%;
|
|
display: block;
|
|
width: 70%;
|
|
height: 1em;
|
|
border-radius: 50%;
|
|
background: rgb(0 0 0 / 35%);
|
|
content: " ";
|
|
filter: blur(0.6rem);
|
|
transform: translateX(-50%);
|
|
}
|
|
}
|
|
|
|
.shelf {
|
|
position: relative;
|
|
z-index: -10;
|
|
right: 0;
|
|
left: 1rem;
|
|
width: calc(100% + -4rem);
|
|
border-right: 2rem solid transparent;
|
|
border-bottom: 2.5rem solid #a5a5a5;
|
|
border-left: 2rem solid transparent;
|
|
margin: 0 0 4rem;
|
|
margin-bottom: 4rem;
|
|
cursor: pointer;
|
|
|
|
&::after {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 2.5rem;
|
|
right: 0;
|
|
left: -2rem;
|
|
width: calc(100% + 4rem); /* IE9+ */
|
|
height: 0.6rem;
|
|
background: #686868;
|
|
content: '';
|
|
}
|
|
}
|
|
|
|
// Bootstrap overload
|
|
|
|
@media (width >= 1400px) {
|
|
.modal-xxl {
|
|
--bs-modal-width: 1440px;
|
|
}
|
|
}
|